إنشاء صور ويب المتحركة

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

عند تصفحك القرص المدمج المرفق مع العدد الذي بين يديك، ستلاحظ أن الصفحة الرئيسية تتضمن عدداً من الصور المتحركة، التي تظهر كأيقونات، يقصد منها إثارة انتباه المستخدم بطريقةٍ فنية مميزة، وربما يكون ذلك هو السبب الرئيسي الذي يدفع المصممين إلى إضافة الصور المتحركة إلى صفحاتهم. ولا ينتمي هذا النوع من الصور المتحركة إلى أيٍّ من التقنيات ذات الأسماء اللامعة في عالم ويب، مثل: جافا، أو ActiveX، أو Flash، لكنه تقنية شائعة أخرى، تختص بمعالجة ملفات صوَرية متعددة الإطارات من هيئة GIF، والتي لا تتطلب أدوات تحكم، أو برامج مضافة plug-ins، أو نصوصاً برمجية scripts، لتوليد الحركة، وكل ما تحتاج إليه، هو صور عادية بسيطة، وهي بالتالي، تتوافق تماماً مع جميع أنواع المتصفحات، بعكس التقنيات الحديثة الأخرى القادرة على توليد الحركة، والتي لا تعمل إلا مع إصداراتٍ محددة من المتصفحات.

نبذة عن صور GIF المتحركة

ظهرت صور GIF المتحركة في صفحات ويب، مع إطلاق شركة نتسكيب الإصدارة 2.0 من المتصفح نافيجيتور، والتي وفرت الدعم للإصدارة GIF89a من هيئة GIF، التي طورتها شركة Compuserve عام 1989، وهي تسمح بتخزين عدة صور مستقلة، ضمن ملف واحد بالهيئة ذاتها، وعرض هذه الصور بشكلٍ متسلسل، لتعطي انطباعاً بأنها تتحرك، تماماً كما يحدث عند عرض الأفلام والرسوم المتحركة. وتقدم هذه الهيئة كذلك، إمكانية إضافة ميزة الشفافية للصور، التي تسمح بظهورها كجزءٍ من خلفية الصفحة. وتستخدم صور GIF، المتحركة اليوم، بشكلٍ رئيسي، لإنشاء الأشرطة الإعلانية في صفحات ويب.

أطقم أدوات توليد الحركة

كي تتمكن من توليد صورٍ متحركة، تحتاج إلى طقمٍ من الأدوات، مؤلف من ثلاثة برامج ذات وظائف محددة، هي: محرر رسومي graphics editor، ومحسّن صوريّ image optimizer، ومولد للحركة animator. وتتوفر هذه البرامج ضمن أطقمٍ تشمل الأنواع الثلاثة، أو كبرامج منفردة، يؤدي كل منها إحدى المهمات الثلاث السابقة. إذ يمكن، مثلاً، استخدام واحد من البرامج التالية، كمحرر رسومي: برنامج PhotoShop من شركة Adobe -ويمكن استجلاب نسخة تجريبية من الإصدارة 5.0 منه، من الموقع: http://www2.adobe.com/prodindex/photoshop/demodnld.html - أو برنامج CorelDraw8 من شركة Corel -يمكن الحصول على نسخة تجريبية من الإصدارة 8، بطلبها من الموقع: http://www.corel.com/freebies/trialoffers.htm- أو برنامج PhotoDraw2000 من شركة مايكروسوفت -يمكنك الحصول على مزيد من المعلومات من الموقع http://windows.microsoft.com/insider/photodraw2000-، أو برنامج Paint Shop Pro من شركة Jasc -ويمكن استجلاب نسخة تجريبية من الإصدارة 5.0، من الموقع: http://www.jasc.com/psp5dl.html- أو برنامج تحرير الرسوم، المرفق مع الإصدارة الثانية من برنامج ناشرنت، من شركة صخر-لمزيد من المعلومات، يمكنك زيارة الموقع: http://www.sakhr.com/PRODUCT/internet/nashnet.htm. لكن، يجب الانتباه إلى أن بعض هذه البرامج، لا يدعم الخطوط العربية.

أما برامج تحسين الصور، فهي تستخدم بشكلٍ رئيسي، لتصغير حجم ملفات GIF، وتحصل بدونها على ملف ضخم، تستغرق المتصفحات وقتاً طويلاً نسبياً في استجلابه، وهو أمر مزعج، بالنسبة لزائر الموقع، وكلما كان برنامج تحسين الصور بارعاً، كان حجم ملف GIF الناتج أصغر. وتتوفر حالياً، عدة برامج تؤدي تلك المهمة، منها برنامج Image Ready، من شركة Adobe، ويمكن استجلاب نسخة تجريبية من الإصدار 1.0، من الموقع:

http://www-pac.adobe.com/prodindex/imageready/demodnld.html، وبرنامج DeBabelizer، من شركة Equilibrium، الذي يعتبر واحداً من أقوى البرامج في هذا المجال، فهو يوفر إمكانيات ممتازة لتصغير حجم الملف المستخدم، وتعديل بكسلات معينة من الصورة، واختيار أنسب طقم ألوان، لتطبيقه عليها، ويمكن استجلاب نسخة تجريبية من الإصدارة 4.5، من الموقع: http://www.debabelizer.com/ProductInfo/ProdInfo.html. لكنك، لن تضطر إلى شراء برنامج خاص لإنجاز عمليات تحسين الصورة، حيث تتضمن جميع برامج توليد الحركة أدوات خاصة لتحسين الصور، لأن معظم المطورين حرصوا على إرفاق هذه الأدوات مع برامج توليد الحركة، خاصةً بعد اكتشافهم الإمكانيات الكبيرة التي تستطيع صور GIF تقديمها، وبعد تزايد الطلب كذلك، على مثل هذه الأدوات. أما أشهر برامج توليد الحركة المتوفرة الآن فهي: برنامج GIF Movie Gear، من شركة Gamani Productions، المتوفر بإصدارةٍ مشتركة، في الموقع: http://www.moviegear.com، وبرنامج GIF Animator، المرفق مع المجموعة الكاملة من برنامج FrontPage، من شركة مايكروسوفت، ولمزيد من المعلومات، يمكنك زيارة الموقع: http://www.asia.microsoft.com/imagecomposer/gifanimator/gifanin.htm، وبرنامج GIF Animator، من شركة Ulead، الذي يعتبر من أقوى برامج توليد الحركة، وتتوفر إصدارةٍ تجريبيةٍ منه، في القرص المدمج المرفق مع عدد إبريل/نيسان من مجلتنا، بالإضافة إلى أنه يمكنك استجلابها من الموقع: http://www.ulead.com/webutilities/ga/ga_down.htm.

يمكن، كما ذكرنا، استخدام أطقم متكاملة، تؤدي المهام الثلاث اللازمة، عوضاً عن استخدام ثلاثة برامج مستقلة، يؤدي كل منها إحدى هذه المهمات. وهو ما يعطي المستخدم وثوقيةً وسهولةً أكبر. ويعتبر طقم Fireworks، من شركة Macromedia، وطقم Image Ready، من شركة Adobe، من أقوى الأطقم المتوفرة لهذا الغرض. وتشبه واجهة طقم Image Ready، واجهة برنامج Photoshop الذي تصدره الشركة ذاتها، لكن، توجد بعض الصعوبة في طريقة استخدام الأداة المرافقة للبرنامج، والمسؤولة عن توليد حركة صور GIF، بعكس طقم Fireworks، الذي يمتاز بمجموعة أدوات رائعة، لتوليد الحركة، وهو يسمح بالإضافة إلى ذلك، بإنجاز عمليات تحسين الصور في خطوةٍ واحدة، ويمكن استجلاب نسخة تجريبية من الإصدارة 2.0، من الموقع: http://www.macromedia.com/software/fireworks. ويتوفر بالإضافة للطقمين السابقين، أطقم أخرى عديدة، منها طقم Web Painter، من شركة Totally Hip Software، الذي يمكن استجلاب نسخة تجريبية من الإصدارة 3.0 منه، من الموقع: http://www.totallyhip.com/Link/ProductsDownload.html.

القواعد العامة للرسوم المتحركة

نذكر بأن ملفات GIF المتحركة تتكون من عددٍ من صور GIF الثابتة، وأول خطوة في إنشائها، هو إنشاء هذه الصور، ثم تحديد التسلسل الذي ستظهر به. والأسئلة المطروحة في هذه المرحلة، هي: ما الصورة الذي ترغب بتحريكها؟ وما الحجم المناسب للإطارات المكونة للصورة؟ وكم إطاراً تحتاج لإتمام عملية الحركة؟

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

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

تؤثر عدة عوامل في حجم ملف الصور المتحركة، وهي: مدى تعقيد الصور أو الرسوم، وعدد الألوان فيها، وعدد الإطارات المستخدمة، ومساحتها. فإذا استخدمت، مثلاً، عشرة إطارات في صورة معينة، وكان حجم كل إطار 5 كيلوبايت، ستحصل على ملف صور متحركة بحجم 50 كيلوبايت، ويعتبر هذا الحجم كبيراً، بالنسبة للمتصفحات، التي ستستغرق وقتاً طويلاً، نسبياً، في استجلابه.

ويمكنك إنشاء صورة متحركة من أي صورةٍ ثابتة متوفرة لديك، كإنشاء صورةٍ متحركة من شعار الشركة التي تعمل لديها، أو إنشاء رمز شخصيٍّ متحرك -اسمك مثلاً- وإضافته لصفحتك الخاصة، أو إضافة الصورة المتحركة إلى الصفحة كوصلةٍ تشعبية معينة. لكن، تذكر ألا تضع الكثير من الصور المتحركة في الصفحة، وإلا أصبحت مزعجة لنظر زائر الموقع.

أساليب الانتقال بين الإطارات

يقصد بأساليب الانتقال بين الإطارات: طريقة تحميل المتصفح الإطار التالي من صورة GIFالمتحركة، وعلاقته بالإطار الذي يسبقه. وتوجد العديد من هذه الأساليب، إلا أن الطرق التالية هي أكثر انتشاراً:

إبقاء الإطار السابق leave: توجه هذه الطريقة، المتصفح إلى إبقاء الإطار السابق ظاهراً، خلال عملية الانتقال إلى الإطار الحالي.

إعادة تحميل الخلفية restore background: توجه هذه الطريقة، المتصفح إلى إعادة تحميل خلفية الإطار السابق، خلال عملية عرض الإطار الحالي.

إعادة تحميل الإطار السابق restore previous: يتم في هذه الطريقة، إعادة رسم الإطار السابق، خلال عملية تحميل الإطار الحالي.

الانتقال غير المعرف undefined: يتم في هذه الطريقة، الانتقال من إطارٍ إلى إطار، بدون استخدام أي نوع من أساليب الانتقال.

وتوفر برامج توليد الحركة، بالإضافة إلى الطرق الأربعة السابقة، أنواعاً أخرى، أكثر تعقيداً من الانتقالات، التي تستخدم لتجميل عملية الانتقال بين الإطارات.

تحسين الصور المتحركة

إذا أنشأت صورةً متحركةً بسيطةً تحتوي على 5 إطارات، بمساحة 100x100 بكسل، وعددٍ قليلٍ من الألوان، فسيتراوح حجم الملف ما بين 7 إلى 12 كيلوبايت، اعتماداً على برنامجي تحرير الرسوم، وتوليد الحركة المستخدمين. ويعد هذا الملف كبيراً، نسبياً، على الرغم من بساطته، وبالتالي، إذا كانت الصور أكثر تعقيداً، أو عدد الإطارات فيها أكبر، فلن يقل حجم الملف عن 50 كيلوبايت. تتضح بذلك، أهمية القيام بعمليات تحسين الصور، التي تعمل على التقليل من حجم الملف، ومن الوقت اللازم لاستجلاب المتصفحات له. وتستخدم البرامج التي تسمح بتحسين الصور، عدة أساليب لإنجاز هذه المهمة، أهمها، إنشاء لوحة الألوان العامة global palette، حيث تحتوي الملفات من الهيئة GIF، على 256 لوناً على الأكثر، تخزن ضمن الملف في ما يسمى لوحة الألوان العامة global palette. وتخزن عادةً، مع كل إطارٍ من الإطارات المكونة لملفات GIF المتحركة، لوحة ألوان موضعية local palette، بالإضافة للوحة الألوان العامة للملف. ويجب لذلك، استخلاص الألوان المستخدمة في جميع الإطارات، ودمجها في لوحة ألوان عامة، ثم إلغاء اللوحات الموضعية لكل إطار. وتتضمن معظم برامج توليد الحركة، خدمات تقوم بالمهمة السابقة، وذلك باستخلاص الألوان تلقائياً من الإطارات، وإضافتها إلى لوحة الألوان العامة، ثم إزالة الألوان غير المستخدمة منها، وتحديد عدد الألوان المناسب، الذي يجب أن تتضمنه اللوحة.

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

التحسين المؤتمت للصور

تستخدم برامج توليد الحركة الحديثة، عدة طرق مختلفة لتحسين الصور بشكل مؤتمت، و تعتبر الطرق الثلاث التالية، أكثرها شيوعاً:

1طريقة المستطيل ذي التحديد الأدنى minimum bounding rectangle: يتم في هذه الطريقة حفظ الفروقات بين كل إطارين متتاليين، كمناطق مستطيلة. فإذا استُخدِمت هذه الطريقة في مثال الكرة، المذكور سابقاً، ستكون المنطقة المحفوظة مربعاً يحتوي الكرة تماماً.

2التحسين بطريقة الضغط lzw Lempel-Zif-Welch: تقارن هذه الطريقة مجموعات من البكسلات، في الصورة، لإيجاد أصغر منطقة مشتركة يمكن حفظها. وفي مثال الكرة السابق، سيتم حفظ المنطقة دائرية الشكل، الممثلة للكرة تماماً.

3تباين الإطارات frame differencing: تقارن هذه الطريقة بين كل بكسلين متقابلين في كل إطارين متتاليين، ثم تحفظ، البكسلات التي تتغير من إطارٍ إلى آخر، فقط.

التحسين المؤتمت للصور عبر إنترنت

تتوفر في بعض مواقع إنترنت، خدمات لتحسين الصور، لكنها تقدَّم في معظم هذه المواقع، كدعايةٍ لبرنامج معين، يسمح للزائر بتجريبه. ومن هذه المواقع:

WebSiteGarage

http://www.websitegarage.com/O=wsg/turbocharge/gif_lube/free.html

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

GifWorks

http://www.gifworks.com

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

إضافة نصوص عربية للصور GIF المتحركة

إذا أردت إضافة نصوص عربية، لصور GIF المتحركة، فيمكنك إما استخدام المحرر الرسومي المرفق مع ناشرنت، أو الإصدارات الداعمة للخطوط العربية، من Adobe PhotoShop، و CorelDraw، أو أي برنامج تحرير رسومي آخر، يدعم الخطوط العربية. أما إن أردت إنشاء بعض الصور المتحركة البسيطة، التي تحتوي على نصوصٍ عربية، فننصحك باستخدام برنامج الرسام PaintBrush، المرفق مع نظام التشغيل ويندوز الداعم للغة العربية، وحفظ الملفات به على هيئة GIF، عوضاً عن شراء هذه البرامج المكلفة. لكن، تذكر أن إمكانيات هذا البرنامج محدودة للغاية.

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

خطوات إنشاء صورة GIF متحركة

لا بد أنك متحمس الآن، لإنشاء صورة متحركة خاصة بك، وإضافتها إلى صفحتك، وتوضح الخطوات التالية طريقة عمل ذلك. سنستخدم في شرحنا لطريقة إنشاء الصورة المتحركة، البرنامجين التاليين: برنامج Image Composer، من شركة مايكروسوفت، لتحرير الرسوم، وبرنامج GIF Animator، من شركة Ulead، لتحسين الصور، وتوليد الحركة. والذي توجد إصدارة التجريبية منه على القرص الهدية المرفق مع عدد نيسان/إبريل من مجلتنا، كما يمكن جلبه من إنترنت من العنوان التالي: http://www.ulead.com/webutilities/ga/ga_down.htm. وتوجد العديد من البرامج، التي تؤدي المهام السابقة ذاتها، والتي يمكن استخدامها كبدائل للبرنامجين المذكورين. وتنطبق الإجراءات المشروحة في بقية المقالة، على جميع هذه البرامج.

1استخدِم برنامج تحرير رسومي، لإنشاء الإطار الأول من الصورة بالأبعاد المطلوبة، ثم ارسم الشكل الرئيسي الذي ترغب بتحريكه، وأجرِ له عملية قص، لتتمكن من لصقه في الموقع الذي ستبدأ منه الحركة في الإطار، ثم احفظ الإطار بهيئة GIF. ويفضل أن تسمي الملفات بأسماء مرقمة مثلاً، .GIFإطار01، لتسهيل عملية ترتيب الإطارات. ويمكنك إضافة أي رسومٍ أو صورٍ موجودة لديك مسبقاً، إلى الإطارات، بمجرد إجراء عملية نسخ ولصق. وقد شكلنا في مثالنا، إطاراً بمساحة 150x250 بكسل، باستخدام برنامج Image Composer، ورسمنا شكل كرة تحتوي على شعار مجلة إنترنت العالم العربي، ثم نسخناها، ووضعناها في الموقع المطلوب، وخزنّا الملف باسم .GIFإطار1.

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

3 حمّل جميع ملفات GIF، التي تشكّل الإطارات، باستخدام برنامج توليد الحركة، ثم رتبها بالتسلسل المطلوب، وحدد زمن عرض كل إطار. وحمّلنا في مثالنا، الإطارات السبعة من الخطوة 2، باستخدام برنامج Ulead Gif Animator، بواسطة مرشد توليد الحركة animation wizard، الذي يسمح بتحميل ملفات فيديو كذلك، وتحويلها إلى هيئة GIF، ثم حددنا نوع محتويات الملف: رسومية text-oriented images أم صورية photo-oriented images، حيث تتضمن الملفات الرسومية، الأشكال المرسومة باستخدام برنامج رسم خطي، والرسوم التي تحتوي على نصوص أيضاً، أما الأشكال الصورية، فهي المحفوظة كصور، إما عن طريق المسحscan، أو الالتقاطcapture، وتتم هذه العملية ليحدد البرنامج مدى ضرورة إجراء عملية "تَراوُح"dither، والتي تعد ضروريةً بالنسبة للملفات الصوَرية، لكنها تؤدي إلى تشويه الملفات الرسومية. ثم حددنا بعد ذلك، زمناً قدره 20 جزءاً من المائة من الثانية، لعرض كل إطار. وتؤدي عملية التراوح dither، إلى توليد لون أو ظل جديد، يتراوح بين عدة ألوان، أو ظلال، موجودة أصلاً، في اللوحات اللونية palette للملف.

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

5بعد حفظ ملف الصورة المتحركة، المشروح في الخطوات السابقة، والذي يحتوي على سبعة إطارات بمساحة 150x250 بكسل، وبدون إضافة أية خصائص أو مؤثرات، حصلنا على ملف بحجم 18.4 كيلوبايت. وللتقليل من حجم الملف، أجرينا عملية تحسين للصور، حيث يقدم برنامج Ulead Gif Animator، ثلاثة أساليب لتحسين الصور، أولها: أسلوب التحسين حسب المواصفات مسبقة الإعداد presets، والذي ينجز المهمة، بدون أي تدخل من المستخدم. وقد أدى، في مثالنا، إلى إنقاص حجم الملف بنسبة 42 في المائة، إلى حوالي 8 كيلوبايت، بدون التقليل من جودة الرسم، أو الألوان. وينفذ الأسلوب الثاني، باستخدام مرشد تحسين الصور optimization wizard، الذي يعطي الخيارات للمستخدم باستخلاص لوحة الألوان العامة من الإطارات، وتحديد عدد الألوان بها، وإزالة البكسلات المكررة في الإطارات، والتعليقات الضمنية. وقد حصلنا بواسطة هذه الطريقة، على ملف بحجم أقل بنسبة 58 في المائة، من الملف الأصلي، وذلك باختيار 16 لوناً في لوحة الألوان العامة. أما الأسلوب الثالث، فهو يدوي تماماً، حيث يسمح بمعالجة البكسلات مباشرةً، أو تعديل لوحات الألوان العامة global palette، والموضعية local palette، ويوفر هذا الأسلوب تحكماً تاماً بالمواصفات، إلا إنه يحتاج إلى خبرة جيدة في معالجة الصور.