כיצד להקטין את גודל קובץ GIF עבור אתר אינטרנט טוב יותר ביצועים

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

תמונות GIF והאינטרנט

תמונות GIF הם לא ייחשבו כגודל אחד מתאים לכל פתרון. תמונות GIF יש מקסימום של 256 צבעים, כלומר אתה יכול לצפות תמונה רצינית ואת השפלה צבע אם אתה לא זהיר. פורמט קובץ GIF, במובנים רבים, הוא פורמט מורשת שחוזרת לימים הראשונים של האינטרנט. לפני כניסתה של פורמט GIF, תמונות אינטרנט היו שחור ולבן דחוס באמצעות פורמט RLE. הם הופיעו לראשונה על הסצינה בשנת 1987 כאשר Compuserve פרסמה את הפורמט כפתרון הדמיה באינטרנט. באותו זמן, צבע היה רק ​​מתעוררים על שולחן העבודה ואת האינטרנט היה לגשת על ידי מודמים מחובר לקו הטלפון. זה יצר צורך בפורמט תמונה כי התמונות שמרו די קטן כדי להישלח, דרך קו הטלפון, לדפדפן אינטרנט בקיצור.

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

כיצד להקטין את גודל קובץ GIF עבור אתר אינטרנט טוב יותר ביצועים

טיפים אלו יעזרו לך להפוך את קובצי ה- GIF שלך לקטנים ככל האפשר.

  1. גזור שטח נוסף מסביב לתמונה. הקטנת מידות הפיקסלים של התמונה שלך היא הדרך היעילה ביותר להפחתת גודל הקובץ. אם אתה משתמש ב- Photoshop, הפקודה Trim פועלת היטב עבור זה.
  2. בעת הכנת תמונת GIF, ייתכן שתרצה להקטין את ממדי הפלט.
  3. צמצם את מספר הצבעים בתמונה.
  4. עבור קובצי GIF מונפשים, צמצם את מספר המסגרות שבתמונה.
  5. אם אתה משתמש ב- Photoshop CC 2017, באפשרותך ליצור קובץ GIF באמצעות הפריט 'ייצוא כ'. בחרו ' קובץ'> 'ייצוא כ ...' וכאשר התפריט נפתח, בחרו GIF כתבנית הקובץ והפחיתו את הממדים הפיזיים (רוחב וגובה) של התמונה.
  6. אם אתה משתמש ב- Adobe Photoshop Elements 14, בחר File> Save For web. פעולה זו תפתח את תיבת הדו-שיח 'שמירה לאינטרנט' שנמצאת גם ב- Adobe Photoshop CC 2017, File> Export> Save for Web (Legacy) . כאשר הוא נפתח ניתן להחיל dithering, להפחית את הצבע ואת הממדים הפיזיים של התמונה.
  7. הימנע dithering. Diterering עשוי להפוך כמה תמונות להיראות טוב יותר, אבל זה יגדיל את גודל הקובץ. אם התוכנה שלך מאפשרת זאת, השתמש ברמה נמוכה יותר של dithering כדי לשמור בתים נוספים.
  1. תוכנות מסוימות יש "lossy" אפשרות לשמירת GIFs. אפשרות זו יכולה להפחית באופן משמעותי את גודל הקובץ, אך היא גם מקטינה את איכות התמונה.
  2. אל תשתמש בתשזורת. שינוי גומלין בדרך כלל מגדיל את גודל הקובץ.
  3. שניהם Photoshop ו Photoshop אלמנטים יראה לך את זמן ההורדה. אל תשים לב אליו. הוא מבוסס על שימוש מודם 56k. מספר חוקי יותר יופיע אם תבחר מודם כבלים מהתפריט הנפתח.

טיפים:

  1. הימנע אנימציה חסרת תועלת. אנימציה מוגזמת לא רק מוסיף את זמן ההורדה של דף האינטרנט שלך, אבל משתמשים רבים מוצאים את זה distracting.
  2. תמונות GIF עם בלוקים גדולים של צבע מוצק ודפוסים אופקי לדחוס טוב יותר מאשר תמונות עם דרגות צבע, צללים רכים, ודפוסים אנכיים.
  3. בעת הפחתת הצבעים ב- GIF, תקבל את הדחיסה הטובה ביותר כאשר צבעי המספרים מוגדרים למינימום האפשרי מבין האפשרויות הבאות: 2, 4, 8, 16, 32, 64, 128 או 256.

עודכן על ידי טום גרין