في ظل المشهد الرقمي الحالي وإدارة الصور الفعالة, el تنسيق AVIF يتم تقديمه كبديل واعد يكتسب المزيد والمزيد من الأرض بفضل قدرته المذهلة على الضغط والجودة البصرية.
إذا كنت تعمل مع صفحات الويب أو المحتوى المرئي أو كنت مهتمًا ببساطة التحسين الرقميربما سمعت بالفعل عن صور AVIF. إنه تنسيق مصمم لتقديم الأفضل من عدة عوالم: تقليل الحجم ودعم الصور عالية الجودة والشفافية والرسوم المتحركة. في هذه المقالة، سنقوم بتفصيل كل ما تحتاج إلى معرفته عنه، وكيف يختلف عن غيره، وكيفية تحقيق أقصى استفادة منه في مشاريعك.
ما هو تنسيق الصورة AVIF؟
AVIF هو اختصار لـ تنسيق ملف صورة AV1، ويمثل أحد أحدث التطورات في ضغط الصور للويب. هذا التنسيق مدعوم من قبل التحالف من أجل وسائل الإعلام المفتوحة (AOMedia) وهي استنادًا إلى برنامج ترميز الفيديو AV1، واحدة من أكثر كفاءة اليوم. وهذا يعني أنه يستخدم كفاءة ضغط فيديو AV1 المطبقة على الصور الثابتة والمتحركة.
الهدف من AVIF هو تقديم بديل أفضل للتنسيقات التقليدية مثل JPEG وPNG وGIF وWebP، مما يسمح صور أفتح ذات جودة بصرية متساوية أو أفضل. في الواقع، في العديد من المقارنات، يحقق AVIF صورًا تصل إلى أصغر بنسبة 50% من JPEG من نفس الجودة. وهذا يعني استهلاكًا أقل للنطاق الترددي، وسرعات تحميل أسرع، وتجربة مستخدم مُحسّنة. بالنسبة لأولئك المهتمين بضغط الصور، فهذه ميزة كبيرة.
أهم النقاط الفنية في AVIF
ما يجعل AVIF متميزًا عن التنسيقات الأخرى ليس فقط ضغطه، بل أيضًا مجموعة الميزات التي يدعمها:
- الضغط مع فقدان البيانات والضغط بدون فقدان البيانات:يمكنك الاختيار بين الجودة القصوى أو تقليل الحجم بشكل كبير.
- عمق ألوان عالي:يدعم 8 و10 و12 وحتى 16 بت، مما يجعله مثاليًا للمحتوى الأكثر تفصيلاً واحترافية.
- دعم HDR (النطاق الديناميكي العالي): مثالي للصور ذات التباين العالي والألوان الزاهية.
- مساحات ألوان واسعة: بما في ذلك WCG (مجموعة الألوان الواسعة) وملفات تعريف ICC ومعايير ISO/IEC CICP.
- الشفافية والرسوم المتحركة:يمكن أن توفر رسوم متحركة مثل GIF ومناطق شفافة مثل PNG.
- دعم أحادي اللون:مثالي للصور بالأبيض والأسود أو بعمق قناة ألفا.
هذه الصفات تجعل AVIF الاختيار الأمثل للتصوير الرقمي عالي الجودة وتصميم الويب التفاعلي. إن الحاجة إلى تقليل الحجم دون فقدان الجودة تجعل هذا التنسيق يكتسب شعبية سريعة بين مطوري ومصممي الويب.
المزايا مقارنة بصيغ JPEG وPNG وWebP
أحد الجوانب الأكثر تكرارًا من قبل الخبراء والمطورين الذين عملوا مع AVIF هو القدرة على التفوق على JPEG وPNG وWebP من حيث الضغط والجودة البصرية. هنا ا ملخص لكيفية مقارنتك بهم:
- مقابل JPEG:يحقق AVIF ملفات بحجم نصف أو أقل من حجم JPEG مع الحفاظ على نفس مستوى التفاصيل.
- مقابل PNG:تقدم AVIF إمكانية الحصول على صور ذات شفافية بدون الوزن الزائد النموذجي لـ PNGs.
- مقابل WebPعلى الرغم من أن WebP كان بالفعل قفزة كبيرة إلى الأمام، إلا أن AVIF يتفوق عليه من حيث الكفاءة والجودة، وخاصة بالنسبة للصور الفوتوغرافية.
حتى أن بعض الاختبارات التي أجرتها Netflix وGoogle توصلت إلى تصنيف AVIF باعتباره التنسيق الذي يمكن تقليل حجم الصورة إلى ما يصل إلى 10 أضعاف حجمها الأصلي، دون أن يعني هذا خسارة كبيرة في الجودة أو عيوب بصرية. يوفر هذا للمطورين أداة قوية لتحسين تجربة المستخدم على مواقع الويب الخاصة بهم.
التوافق مع تنسيق AVIF
أحد أكبر التحديات التي تواجه أي معيار تصوير جديد هو اعتماده. على الرغم من أن AVIF هو تنسيق حديث، إلا أنه لقد كان التقدم سريعًا جدًا مقارنة مع سابقاتها:
- جوجل كروم:التوافق الكامل من الإصدار 85 على أجهزة الكمبيوتر ومن الإصدار 89 على Android.
- موزيلا فايرفوكس:التكامل الافتراضي منذ Firefox 93.
- سفاري:الدعم من iOS 16 وmacOS Ventura عبر WebKit.
- مايكروسوفت الحافة: : في عملية التكامل الكامل، يعتمد على إصدار نظام التشغيل.
فيما يتعلق بأنظمة التشغيل:
- Windows 10 و 11:إنهم يقدمون الدعم بالفعل إذا كان لديك التحديثات المقابلة (19H1 أو أعلى).
- ماك:متوافق منذ macOS Ventura.
- لينكس:تتمتع التوزيعات الرئيسية بالدعم بفضل libavif والمكتبات مثل GdkPixbuf وKImageFormats.
- أندرويد:الدعم الأصلي منذ Android 12.
بالإضافة إلى ذلك، فإن العديد من أدوات التحرير قد أدرجت بالفعل دعم AVIF مثل GIMP، وPaint.net، وKrita، وXnView، وImageMagick، وحتى ملحق GD في PHP 8.1. وهذا يجعل من الأسهل اعتماد التنسيق في بيئات العمل والمنصات المختلفة.
كيفية إنشاء صور AVIF وتحويلها
إن إنشاء الصور بتنسيق AVIF أصبح اليوم أمرًا ميسور التكلفة للغاية بفضل الأدوات المجانية ومتعددة الاستخدامات. تتضمن بعض الخيارات الشائعة ما يلي:
أدوات عبر الإنترنت
- CloudConvert: منصة متعددة الأغراض تتضمن أيضًا إعدادات ضغط متقدمة.
- Convertio:يوفر تحويلًا مباشرًا من المتصفح إلى تنسيقات متعددة مثل JPG أو PNG أو WebP أو PDF.
- Squoosh: يسمح لك بتحميل صورة JPG أو PNG وتصديرها بتنسيق AVIF بسهولة.
أدوات سطح المكتب
- أفيفنك:أداة سطر أوامر تعتمد على libavif، مثالية للتحويلات المجمعة أو التكامل في البرامج النصية.
- استوديو جودادي:على الرغم من تركيزه بشكل أكبر على التصميم الجرافيكي، إلا أنه يسمح لك باستيراد وتصدير صور AVIF.
- XnConvert:واجهة رسومية سهلة الاستخدام للغاية لتحويل الدفعات.
كيفية عرض صور AVIF على موقع الويب
الطريقة الأكثر توافقًا لاستخدام صور AVIF على صفحة الويب هي استخدام العلامة <picture>، مما يسمح بعرض صورة AVIF إذا سمح المتصفح بذلك، أو بديل JPEG إذا لم يسمح بذلك.
<picture>
<source type="image/avif" srcset="imagen.avif" />
<img src="imagen.jpg" alt="Imagen alternativa" />
</picture>وهذا يضمن التوافق التدريجي مع كافة المتصفحات، حيث أن المتصفحات التي لا تدعم AVIF ستعرض ببساطة الصورة البديلة. تعتبر هذه الطريقة مثالية للحفاظ على تجربة مستخدم جيدة.
AVIF للصور المتحركة
من بين الميزات الأقوى وغير المعروفة في AVIF هي قدرته على استبدال صور GIF المتحركة. وللقيام بذلك، يمكننا استخدام أدوات مثل FFmpeg أو avifenc في الوضع المتحرك.
على سبيل المثال، مع FFmpeg:
ffmpeg -i animacion.gif -pix_fmt yuv420p10le -f avif animado.avifولتقديمه على الويب، يتم استخدام نفس النهج مع العلامة <picture>، مع التأكد من تقديم صورة GIF بديلة في حالة عدم دعم المتصفح لها. وهذا مفيد بشكل خاص في البيئات التي تكون فيها الرسوم المتحركة ضرورية.
المشاهدون والدعم خارج المتصفح
لم يعد عرض ملفات AVIF على سطح المكتب مشكلة اليوم. بعض الخيارات المتاحة هي:
- Nomacs:عارض صور مجاني وخفيف الوزن يدعم AVIF.
- صور مايكروسوفت:في نظامي التشغيل Windows 10 و11، مع التحديثات المناسبة، يمكنك فتح ملفات AVIF مباشرة.
هناك أيضًا تطبيقات جوال مثل عارض الصور AVIF، والتي تسمح لك بفتح الصور وتحويلها على أجهزة Android، مما يوفر مرونة أكبر للمستخدمين.
تطبيقات AVIF في العالم الحقيقي
تم تعزيز اعتماد AVIF من قبل شركات مثل Google وNetflix وVimeo وCloudflare والعديد من منصات التكنولوجيا الأخرى. وتختلف حالات استخدامها من مواقع التجارة الإلكترونية، ومحافظ الصور الفوتوغرافية، ومحتوى الوسائط المتعددة التفاعلي، وحتى الشبكات الاجتماعية. إن تعدد استخدامات AVIF يجعله تنسيقًا مطلوبًا بشكل متزايد.
فيما يلي بعض المواقف التي يغير فيها AVIF الطريقة التي نتعامل بها مع الصور:
- تصميم الويب:من خلال تقليل حجم الصور، يمكنك تحسين سرعة التحميل، واحتفاظ المستخدمين، وترتيب محرك البحث.
- التصوير الاحترافي: مثالي للحفاظ على التفاصيل والألوان دون التضحية بالجودة.
- تطبيقات الموبايل: انخفاض استهلاك البيانات وتحميل أكثر سلاسة.
- وسائل الإعلام الرقمية: يتيح تقديم صور HDR والصور المتحركة بأقل قدر من زمن الوصول.
AVIF هنا للبقاء. إن الجمع بين الضغط المتقدم والتنوع والإخلاص في تمثيل الألوان والتفاصيل يجعله مرشحًا قويًا لـ أصبح المعيار الجديد للويب. إن الاستفادة منها الآن تمنحك ميزة تنافسية واضحة على أولئك الذين لا يزالون يعتمدون على التنسيقات التقليدية.