تعليمات الوسائط المتعددة - صور GIF

GIF هو أحد نماذج الصور الرئيسية المستخدمة على الويب.

يوضح هذا المقال تفاصيل خصائص الصور GIF واستراتيجيات الاستخدام.

فهم نماذج الصور

لا يحدد HTML أو XHTML نمط رسم رسمي للصور. ومع ذلك، يحدد المتصفحات الشائعة بعض النماذج الخاصة: عادةً هي GIF وJPEG. تتطلب معظم نماذج الوسائط المتعددة تطبيقات مساعدة خاصة، ويجب على مستخدمي كل متصفح الحصول على وتثبيت وتشغيل هذه التطبيقات بشكل صحيح لرؤية أو سماع هذه الملفات الخاصة. لذا، لا يثير ذلك أي دهشة أن يصبح GIF وJPEG المعايير الفعلية على الويب.

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

GIF

نمط GIF هو نمط تبادل الصور (Graphics Interchange Format،GIF)، والذي تم تطويره في البداية من قبل CompuServe لتحويل الصور لعملائه عبر الخدمات عبر الإنترنت.

خصائص نمط GIF

يتمتع نمط GIF بالكثير من الخصائص، لذا هو واسع الانتشار في HTML/XHTML.

أولاً، تقنية تشفيرها يمكن استخدامها على العديد من المنصات. لذلك، من خلال استخدام برنامج GIF Decoding المناسب (معظم المتصفحات تحتوي على هذا البرنامج)، يمكن إنشاء وتكوين صور GIF على Macintosh، ويمكن تحميلها وتفكيرها وتحليلها بسهولة على جهاز PC يعمل بنظام Windows.

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

بالإضافة إلى ذلك، يمكن تحقيق تأثير التحرك بسهولة في صور GIF.

إصدارات صيغة GIF والألوان

على الرغم من أن جميع ملفات GIF تستخدم امتداد .gif (أو .GIF) كاسم ملف، إلا أن هناك إصدارين من GIF: GIF87 الأصلي وGIF89a، والذي يدعم العديد من الميزات الجديدة، بما في ذلك الخلفية الشفافة، التخزين المتقاطع، والتحرك، وهي ميزات يتم استخدامها على نطاق واسع من قبل المبدعين على الإنترنت.

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

عادة ما تكون عدد الألوان الفعلية في صور GIF أقل، ويمكن لتقنيات خاصة (مثل Macromedia Fireworks) تبسيط هذه الألوان في الصور الدقيقة. من خلال تبسيط الألوان، يمكن إنشاء صورة ألوان أصغر وتعزيز التكرار البكسلي، مما يؤدي إلى تقليل حجم الملف وزيادة سرعة التحميل.

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

حتى المبدعون الذين يكونون محتاطين يختارون GIF

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

تقنيات صور GIF

تتميز صور GIF بثلاث تقنيات خاصة: مسح بين الصفوف (interlacing)، الشفافية (transparency) والتحرك (animation).

مسح بين الصفوف

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

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

الشفافية

تأثير آخر شائع في صور GIF (في الواقع صور GIF89a) هو أنه يمكنه جعل جزء من الصورة شفافًا، مما يسمح للمحتوى تحت الصورة (عادة خلفية المتصفح) بالظهور من خلال الجزء الشفاف. يتم استخدام لون معين في خريطة الألوان الخاصة بصورة GIF الشفافة كلون خلفية، مما يسمح للخلفية بالظهور من خلال الجزء الشفاف. من خلال تحديد حجم الصورة بعناية والاختيار من لون خلفية قريب من الألوان النقية، يمكن إنشاء صور شفافة تبدو كأنها مزجت تمامًا في الصفحة أو عائمة فوقها.

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

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

التحرك

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

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

الخاتمة

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