كيفية خفض حجم ملف GIF لأداء أفضل على موقع الويب

إن GIF المتواضع يعمل على العودة ببساطة لأنه مع الاستخدام المتزايد للهواتف الذكية ومستخدمي النطاق الترددي المحدود ، أصبح المستخدمون يتوقعون أوقات تحميل فورية تقريبًا. كلما كانت صور الويب أصغر ، كلما زادت سرعة تحميل صورك وسعداء زوارك. بالإضافة إلى ذلك ، فإن العديد من المواقع لديها قيود على حجم إعلانات البانر.

صور GIF والويب

لا يمكن اعتبار صور GIF على أنها حل واحد يناسب الجميع. تحتوي صور GIF على 256 لونًا كحد أقصى ، مما يعني أنه يمكنك توقع صورة خطيرة وتدهور للألوان إذا لم تكن حذراً. يُعد تنسيق ملف GIF ، من نواح كثيرة ، تنسيقًا قديمًا يعود إلى الأيام الأولى للويب. قبل إدخال تنسيق GIF ، كانت صور الويب سوداء وبيضاء ومضغوطة باستخدام تنسيق RLE. ظهرت لأول مرة على الساحة في عام 1987 عندما أصدر Compuserve التنسيق كحل تصوير ويب. في ذلك الوقت ، كان اللون يظهر فقط على سطح المكتب وتم الوصول إلى الويب عن طريق أجهزة المودم المتصلة بخط الهاتف. أدى ذلك إلى الحاجة إلى تنسيق صور يحافظ على الصور صغيرة بما يكفي ليتم تسليمها ، عبر خط الهاتف ، إلى متصفح الويب في وقت قصير.

تعد صور GIF مثالية للرسومات ذات الحواف الحادة مع لوحة ألوان محدودة ، مثل شعار أو رسم خطي. على الرغم من أنه يمكن استخدامها للصور الفوتوغرافية ، فإن لوحة الألوان المخفضة ستعرض القطع الأثرية في الصورة. ومع ذلك ، أثارت حركة Glitch Art وصعود الفقرة السينمائية اهتمامًا متجددًا بتنسيق GIF.

كيفية خفض حجم ملف GIF لأداء أفضل على موقع الويب

ستساعدك هذه النصائح على جعل ملفات GIF صغيرة قدر الإمكان.

  1. اقتطع أي مساحة إضافية حول الصورة. يعد تقليل أبعاد البيكسل لصورتك هو الطريقة الأكثر فعالية لتقليل حجم الملف. إذا كنت تستخدم Photoshop ، فإن أمر Trim يعمل بشكل جيد لذلك.
  2. عند إعداد صورة gif ، قد ترغب في تقليل أبعاد الإخراج.
  3. تقليل عدد الألوان في الصورة.
  4. بالنسبة إلى ملفات GIF المتحركة ، قلل عدد الإطارات في الصورة.
  5. إذا كنت تستخدم Photoshop CC 2017 ، فيمكنك إنشاء ملف GIF باستخدام عنصر القائمة تصدير باسم. حدد File> Export As ... وعندما تفتح القائمة ، حدد GIF بتنسيق الملف وقم بتقليل الأبعاد المادية (العرض والارتفاع) للصورة.
  6. إذا كنت تستخدم Adobe Photoshop Elements 14 ، فحدد File> Save For web. سيؤدي هذا إلى فتح مربع الحوار Save For Web الموجود أيضًا في Adobe Photoshop CC 2017 ، File> Export> Save for Web (Legacy) . عند فتحه يمكنك تطبيق التدرج ، والحد من اللون والأبعاد المادية للصورة.
  7. تجنب التردد. قد يؤدي التدرج إلى جعل بعض الصور تبدو أفضل ، ولكنها ستزيد من حجم الملف. إذا كان البرنامج يسمح بذلك ، فاستخدم مستوى أقل من التردد لتوفير عدد وحدات البايت الإضافية.
  1. لدى بعض البرامج خيار "lossy" لحفظ GIF. هذا الخيار يمكن أن يقلل بشكل كبير من حجم الملف ، لكنه يقلل أيضًا من جودة الصورة.
  2. لا تستخدم التداخل. يزيد التداخل عادةً من حجم الملف.
  3. سيعرض لك كل من Photoshop و Photoshop Elements وقت التنزيل. لا تولي اهتماما لذلك. ويستند إلى استخدام مودم 56K. سوف يظهر رقم صحيح أكثر إذا قمت بتحديد مودم كبل من القائمة المنبثقة.

نصائح:

  1. تجنب الرسوم المتحركة غير مجدية. لا تضيف الرسوم المتحركة المفرطة وقت تنزيل صفحتك على الويب فحسب ، ولكن العديد من المستخدمين يجدونها تشتت الانتباه.
  2. صور GIF ذات الكتل الكبيرة من الألوان الصلبة والأنماط الأفقية تضغط بشكل أفضل من الصور ذات تدرجات لونية والظلال الناعمة والأنماط الرأسية.
  3. عند تقليل الألوان في ملفات GIF ، ستحصل على أفضل ضغط عند تعيين ألوان الأرقام على أصغر الخيارات الممكنة: 2 أو 4 أو 8 أو 16 أو 32 أو 64 أو 128 أو 256.

تحديث بواسطة Tom Green