الدليل الكامل لصيغ الصور — متى تستخدم PNG أو WebP أو AVIF أو JPEG

الملخص الرئيسي: JPEG يظل الأنسب للصور الواقعية مع نسبة ضغط عالية. PNG ضروري عند الحاجة إلى شفافية أو حفظ النص بجودة لا تتحمل الفقدان. WebP يوفر ما بين 25 و30 بالمئة حجمًا أصغر مقارنةً بـ JPEG مع تدعم معظم المتصفحات له اليوم. أما AVIF فيحقق ضغطًا أعلى بكثير، غير أن وقت الترميز ما زال طويلًا. للمواقع الإلكترونية الحديثة، يبقى WebP الخيار الأمثل.

متى تختار كل صيغة

JPEG — الأداء والانتشار الواسع

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

نطاق الجودة المثالي: 75–85% اختبار حجم الملف: استهدف 100–200 كيلوبايت للصور الرئيسية

الحالات المناسبة للاستخدام:

• صور المدونات والأخبار العامة
• صور المنتجات في متاجر التجارة الإلكترونية
• أي صورة تعرض تدرجات لونية طبيعية ومعقدة

PNG — الجودة الكاملة والشفافية

على عكس JPEG، يحتفظ PNG بكل بيانات الصورة دون أي فقدان، وبالتالي تكون ملفاته أكبر حجمًا. إلا أنه لا غنى عنه في حالات بعينها.

الحالات المناسبة للاستخدام:

• الشعارات والرموز التي تستلزم خلفية شفافة
• لقطات الشاشة التي تحتوي على نصوص أو عناصر واجهة مستخدم
• الرسومات التقنية حيث الدقة أولوية قصوى

WebP — التوازن المثالي للويب

طوّرت Google صيغة WebP في الأصل لتحسين أداء الويب، وهي تدعم كلا النمطين: الضغط مع فقدان البيانات ودون فقدانها، إضافةً إلى الشفافية والصور المتحركة.

html

AVIF — الجيل القادم مع تحديات التوافق

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

مقارنة الصيغ الأربع

خلاصة عملية

للمواقع الإلكترونية اليوم، يُنصح باتباع هذا النهج: اعتمد WebP خيارًا أساسيًا، واحتفظ بـ JPEG احتياطيًا للمتصفحات القديمة، وقدّم AVIF حين يكون وقت الترميز غير حاسم. لصور PNG الحالية، تحويلها إلى WebP مع الحفاظ على الشفافية يقلص حجمها بنسبة تتراوح بين 25 و45 بالمئة.

الأسئلة الشائعة

هل يمكن لمتصفحي Safari وFirefox عرض WebP؟ نعم تمامًا؛ Safari يدعمه منذ الإصدار 14 الصادر في 2020، وFirefox منذ الإصدار 65 عام 2019.

لماذا يبدو ملف PNG أحيانًا أصغر من JPEG؟ يحدث ذلك في الصور ذات الألوان المحدودة، كالرسوم التوضيحية والنصوص، حيث يُرمّز PNG باكتساح. بينما يتفوق JPEG في الصور الفوتوغرافية ذات التدرجات اللونية الغنية.

هل AVIF جاهز للاستخدام الإنتاجي؟ نعم، لكن احرص على توفير صورة احتياطية إذ لا يزال دعم المتصفحات يصل إلى نحو 90 بالمئة.