כיצד לדחוס תמונה אחת או מספר תמונות בו זמנית

אחד האתגרים הראשונים שעמדו בפני כמנהל אתרים בבלוג זה היה קשור לתמונות. הייתי צריך לדחוס תמונות (JPG, PNG, GIF) עם ביקוש ברמה גבוהה מאוד אם הייתי רוצה לייעל את משאבי השרת וגם לטעון מהר.

היום אני הולך להסביר את שתי השיטות בהן אני משתמש לערוך ולדחוס תמונות כמו נינג'ה אמיתית . במשך 3 השנים האחרונות ניסיתי הכל, אך בסופו של דבר, זה מה שהכי מתאים לי, אז אני רוצה לחלוק אתכם את זה.

כיצד לדחוס תמונה אחת או יותר בבת אחת בצורה הכי פשוטה שיש

מה שאנשים רבים ממליצים לדחוס תמונות הוא להשתמש בתוכניות כגון פוטושופ או עורכי מולטימדיה אחרים בסגנון. משהו שהוא טוב מאוד, אבל יישומים מסוג זה בדרך כלל לא זולים במדויק והם גם מביאים הרבה פונקציות מקצועיות שיש לי באופן אישי המון - אני רק רוצה לעשות כמה שינויים ולדחוס כמה תמונות, ולא ליצור אנימציה קצרה של 8 דקות-.

כיצד לערוך ולדחוס תמונה מבלי להתקין יישום כלשהו

כאשר כל מה שאני צריך לעשות זה לדחוס תמונה ולהתאים את השוליים והגודל שלה אני משתמש בכלי אינטרנט שנקרא Pixlr Express . זוהי אפליקציה מקוונת שראתה את אור ידה של Autodesk לפני שנים - אותה של Autocad - ונרכשה כעת על ידי חברה אחרת (123RF). אבל בואו נגיע לעניין ...

העניין הוא שזה עדיין בחינם וזה עובד באותה מידה. לא רק זאת, אלא שהיא אינה דורשת הרשמה ומאפשרת לנו לערוך תמונות, להוסיף פילטרים, גופנים וקומץ טוב של אפקטים. יש לי את זה בתיקיית "המועדפים" של הדפדפן שלי במשך זמן רב.

כדי לדחוס תמונה עם Pixlr Express עלינו רק לטעון את התמונה בעורך וללחוץ על " שמור " . בעת שמירה, הכלי יאפשר לנו ליישם את רמת הדחיסה הרצויה (מ -0% ל -100%).

בזמן החיסכון הוא כאשר הוא מאפשר לנו לדחוס את התמונה

כמובן שאיכות התמונה תתאים לרמת הדחיסה שאנו מיישמים. כהמלצה אישית הייתי ממליץ לך להחיל רמת דחיסה של 65% בהשוואה למקור . זו הנקודה שבה התמונה עדיין נראית טוב ומשקלה מופחת באופן דרסטי.

כיצד לדחוס מספר תמונות בו זמנית ולפל

אם יש לנו כמה תמונות שעובדות עם Pixlr יכולות להיות קצת מייגעות. במקרים אלה, אני משתמש בתוכנית חינמית בשם RIOT (כלי אופטימיזציית תמונה ראדיקלית), שתוכננה במיוחד לדחיסת תמונות JPG, GIF ו- PNG.

RIOT מאפשר לנו לטעון תמונה, להתאים את רמת הדחיסה ולראות תצוגה מקדימה של איך היא תיראה לאחר החלת הדחיסה. זה נהדר עבורנו להתאים אותו כמה שיותר ועדיין להיראות טוב.

אבל הקסם האמיתי של RIOT הוא בתכונת "Batch" שלו. מכאן נוכל לטעון מספר תמונות בו זמנית (למשל, כל התמונות הכלולות בתיקיה או בתיקיות משנה) ולדחוס אותן במפל . לשם כך עלינו רק ללחוץ על סמל " אצווה ", לבחור את תיקיית היעד ( תיקיית הפלט ) ואת תיקיית המקור ( הוסף תמונות -> הוסף את כל התמונות מהתיקיה ). ברגע שיש לנו הכל לטעמנו, פשוט לחץ על " התחל " כדי לבצע דחיסה המונית עבור כל התמונות שנבחרו.

זה נחמד, אתה שומע ...

ההבדל בין דחיסת תמונות אחת אחת ועשייה כזו פשוט תהומי. תאר לעצמך שעליך לייעל את כל התמונות של משרה באוניברסיטה, או גרוע מכך, את כל התמונות באתר שלך.

רמת הדחיסה המושלמת לתמונות בבלוג או באתר

כפי שציינתי קצת למעלה, רמת הדחיסה המושלמת היא 65% לדפי אינטרנט. אבל זו רק המלצה אישית ...

אבל אם יש לנו דף אינטרנט ואנחנו רוצים את רמת הדחיסה "המושלמת", בוודאי נרצה משהו יותר מההמלצה האישית של אגוז המכנה את עצמו "האנדרואיד השמח".

במקרים אלה, לגוגל יש את הדף הידוע למנהלי אתרים Pagespeed Insights. כלי זה, בנוסף לספר לנו על מהירות הטעינה של האתר שלנו ולתת לנו עצות אחרות, מאפשר לנו גם להוריד עותק של כל התמונות שכתובת אתר ספציפית מכילה. עותקים אלה של התמונות יעברו אופטימיזציה של 100%.

כדי להוריד את התמונות עלינו להזין את כתובת האתר בה הן תלויות, וללחוץ על כפתור ה"נתח ". לאחר השלמת הניתוח, מלשונית " מחשב " אנו גוללים כמעט עד הסוף, ולוחצים על הקישור " הורד משאבי תמונה, JavaScript ו- CSS המותאמים לדף זה ". אנו נקבל אוטומטית קובץ ZIP עם משאבים אלה שכבר מותאמים להם.

זה קצת נסתר, אבל זה פונקציה עם שימוש אכזרי

אני מקווה שהדרכה זו מועילה עבורך. אם הייתי יכול לקרוא משהו כזה כשהתחלתי את הפרויקט הזה, זה בוודאי היה חוסך לי הרבה כאבי ראש.

נ.ב: פוסט המוקדש ל"אני "שלי מהעבר. בוא נראה אם ​​תלמד, ילד!

האם מותקנת טלגרם ? קבל את הפוסט הטוב ביותר בכל יום בערוץ שלנו . או אם אתה מעדיף, גלה הכל מדף הפייסבוק שלנו .