1. Design & Illustration
  2. GIF

10 طرق لتحسين ملف GIF المتحركة

by
Read Time:8 minsLanguages:
This post is part of a series called Animation in Adobe Photoshop.
How to Create an Animated Pixel Art Sprite in Adobe Photoshop
Create Your Own Animated Pre-loader in Photoshop

Arabic (العربية/عربي) translation by Aeni Amalia (you can also view the original English article)

GIF هو التنسيق القياسي لضغط الصور ذات المساحات الكبيرة من الألوان الصلبة والتفاصيل هش مثل تلك الموجودة في فن الخط أو الشعارات أو نوع. ويجري تنسيق صورة بت عمق 8 أنه سيكون قد اختفت من على شبكة الإنترنت بعد الأخذ بتنسيقات ملفات JPEG و PNG، ولكن GIF لا يزال تنسيق ملف ويب المفضلة بفضل ميزة الرسوم المتحركة الإطار. في هذا البرنامج التعليمي، سيكون لدينا نظرة فاحصة على جميع الخيارات المتاحة لتحويل فيديو إلى GIF متحركة، وكيفية تحسين حجم الملف الخاص به. دعونا نبدأ!

من جانب الطريق، إذا كنت تعمل مع ملفات Gif المتحركة غالباً، قد ترغب في التحقق من حلاً الآلي: عمل "فوتوشوب هدية التصدير" المتاحة Envato السوق، مما يتيح لك التقاط صور متعددة، تلقائياً تحميلها في Photoshop، وتصديرها ك GIF.


1. التشذيب الرسوم المتحركة

بادئ ذي بدء ، ستحتاج إلى فتح ملف الفيديو باستخدام Photoshop. في معظم الأوقات ، لن تحتاج إلى التسلسل الكامل للصور المتحركة GIF ، حتى يمكنك قص الفيديو في لوحة Timeline. شغِّل خيار Loop وحاول العثور على مكان جيد لقص مقطع الفيديو الخاص بك.

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

2. تقليل حجم الصورة

يمكنك إما تقليل حجم الصورة من قائمة Image أو القيام بها لاحقًا في مربع الحوار Save for Web. أفضل القيام بذلك في البداية باستخدام مربع حوار حجم الصورة حيث يمكنه حفظ قدر كبير من وقت التحميل عند فتح مربع الحوار Save for Web. سيتعين تحويل طبقة الفيديو إلى كائن ذكي إذا قمت بتغيير حجم الصورة ، ولكن لا داعي للقلق بشأن هذا ، فلن يؤثر ذلك على سير العمل على الإطلاق.

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

3-حفظ للويب

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

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

4. تقليل حجم الإطارات

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

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

5. عدد من الألوان

الخيار الأكثر ملاءمة لتحسين حجم ملف GIF هو عدد الألوان المستخدمة في Color Table. الحد الأقصى لمقدار الألوان هو 256 ، والذي يأتي من 8 بت عمق العمق. بشكل عام ، من الجيد الالتزام بـ 64 لونًا أو أقل ، ولكن اعتمادًا على الفيديو الأصلي قد تحتاج إلى زيادة عدد الألوان للحصول على نتيجة أفضل.

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

6. أي خوارزمية تخفيض اللون لاختيار؟

  • الإدراك الحسي لإنشاء جدول ألوان مخصصة بإعطاء الأولوية للألوان التي العين البشرية بقدر أكبر من الحساسية.
  • الانتقائي لإنشاء جدول ألوان مشابهة لجدول الألوان الحسي، ولكن تفضل مجالات واسعة من اللون والحفاظ على ألوان الويب. عادة ما ينتج هذا الجدول لون الصور مع سلامة اللون أعظم. (الانتقائي الخيار الافتراضي.)
  • متكيف لإنشاء جدول ألوان مخصص عن طريق أخذ عينات من الألوان من الطيف الذي يظهر بشكل شائع في الصورة. على سبيل المثال، تنتج صورة ذات ظلال فقط من الأخضر والأزرق جدول ألوان المصنوعة أساسا من حزب الخضر وكآبة. وتركز معظم الصور الألوان في مناطق معينة من الطيف.
  • يستخدم التقييد جدول الألوان القياسي ، لونه 216 لونًا ، والملائم للوحات 8 بت (256 لونًا) من Windows و Mac OS. يضمن هذا الخيار أن لا ثبات ألوان المستعرض لا تطبق على الألوان عند عرض الصورة باستخدام ألوان 8 بت. إذا كان لديك صورة ألوان أقل من 216، تتم إزالة ألوان غير مستخدمة من الجدول.
10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

7. التردد

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

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

8. Web Snap ، الفاسد ، الشفافية والمتشابكة

  • يتم استخدام Web Snap للمساعدة في منع التدرج في المستعرض. يتم ذلك عن طريق التقاط بعض الألوان إلى ألوان آمنة للويب. أقل متصفح ثبات الألوان سيؤدي أكثر ألوان الويب الآمنة في GIF،. لن تتغير قيمة من 0% أي الألوان في حين سيتم تغيير قيمة 100% كل الألوان في الصورة إلى الويب الآمنة.
  • يتجاهل ضغط الفقد المعلومات المرئية ، والتي يمكن أن تقلل من حجم الملف.
  • إذا كانت الصورة تحتوي على شفافية، حدد الشفافية للحفاظ على بيكسلات شفافة؛ قم بإلغاء تحديد الشفافية لتعبئة شفافة تماما وجزئياً بكسل باللون غير لامع.
  • يتم تحميل ملفات GIF المتشابك في مستعرض في مسارات قليلة (مثل JPEG التقدمي).


9. قارن الإصدارات الأصلية والمحسنة

بمجرد إضافة الكثير من التغييرات المخصصة ، يمكنك التحقق من الاختلاف في حجم الملف وجودته باستخدام طريقة العرض 2-up.

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File

10. معاينة ، وحفظ مسبق وتحسين نحو حجم الملف

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

10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File10 Ways to Optimize a GIF File
One subscription.
Unlimited Downloads.
Get unlimited downloads