مقارنة صيغ الصور: JPEG وPNG وWebP وAVIF
أربع صيغ تغطي أكثر من 99٪ من صور الويب الحديثة. تتبادل التوازن بين الضغط والشفافية والحركة ودعم المتصفحات. فيما يلي دليل عملي لاختيار الأنسب.
مقارنة سريعة
أولاً نظرة سريعة، ثم تفصيل لكل صيغة.
| الخاصية | JPEG ؟ | PNG ؟ | WebP ؟ | AVIF ؟ |
|---|---|---|---|---|
| الضغط | مفقودات | دون فقدان | مفقودات + دون فقدان | مفقودات + دون فقدان |
| ألفا (شفافية) | لا | نعم (8 بت) | نعم (8 بت) | نعم (كامل) |
| حركة | لا | APNG فقط | نعم | نعم |
| أقصى عمق لون | 8 بت | 16 بت | 8 بت | 10/12 بت |
| الحجم النموذجي مقابل JPEG (صور) | 100٪ | 300–1000٪ | 65–75٪ | 40–60٪ |
| دعم المتصفح | عالمي | عالمي | Chrome 32، Firefox 65، Safari 14 | Chrome 85، Firefox 93، Safari 16 |
| سرعة الترميز النموذجية | سريع | سريع | متوسط | بطيء |
JPEG — القاعدة العامة
كيف يعمل
JPEG (Joint Photographic Experts Group) أُوحّد عام 1992 وهو الأقدم. يستخدم تحويل جيب تمام متقطع 8×8 مع تكميم وترميز إنتروبي. تُضبط الجودة برقم 1–100. مرمّزات مثل MozJPEG تستخرج 10–20٪ إضافية دون تغيير تنسيق الملف.
مثالي لـ
صور بمناطق لون سلسة وتفاصيل كثيرة — بورتريه، مناظر، منتجات، صور بطل.
مزايا
- يدعمها كل عارض صور تقريبًا.
- تسريع عتادي لفك الترميز في أغلب الأجهزة.
- منظومة أدوات تحسين ناضجة (MozJPEG، jpegli).
عيوب
- بلا ألفا — الخلفيات تُدمج مسطحًا.
- تقطيع كتل وهمية عند النص والخطوط الحادة.
- 8 بت لكل قناة فقط.
PNG — دون فقدان وشفاف
كيف يعمل
PNG (Portable Network Graphics) وُلد تسعينيات القرن الماضي كبديل حر لـ GIF. دون فقدان صارم: DEFLATE مع فلترة بكسل. محسّنات مثل oxipng تجرب تركيبات فلاتر/ضغط للحصول على أصغر حجم دون تغيير بكسل.
مثالي لـ
واجهات، أيقونات، لقطات شاشة، مخططات، شعارات بألوان مسطّحة، وأي شيء يحتاج ألفا حقيقيًا.
مزايا
- دون فقدان — البكسل تبقى كما هي.
- ألفا 8 بت، حتى 16 بت لكل قناة.
- دعم عالمي.
عيوب
- ثقيل للصور — غالبًا أكبر بكثير من JPEG/WebP/AVIF.
- لا حركة في المواصفة الأصلية (APNG توسعة لاحقة).
WebP — صيغة ويب من Google
كيف يعمل
WebP (2010) مبني على VP8 ثم وُسّع بوضع دون فقدان. يدعم مفقودات ودون فقدان في حاوية واحدة مع ألفا وحركة اختياريًا. في الوضع المفقود عادة 25–35٪ أصغر من JPEG لنفس الجودة. دون فقدان أصغر من PNG بنحو 20–30٪.
مثالي لـ
نشر ويب عام عندما لا يتأكد AVIF — صور، أصول UI بشفافية، بديل لـ GIF المتحركة، وطبقة احتياط تحت AVIF.
مزايا
- صيغة واحدة للصور والرسوم والألفا والحركة.
- أصغر من JPEG وPNG بجودة مماثلة.
- دعم واسع في المتصفحات منذ 2020.
عيوب
- 8 بت لكل قناة — بلا HDR عبر القنوات الاعتيادية.
- فك أبطأ من JPEG على بعض الأجهزة الضعيفة.
AVIF — أقوى ضغط شائع اليوم
كيف يعمل
AVIF (AV1 Image File Format) بروفايل صور لبرنامج AV1 (2019). يدعم لون 12 بت، ألفا كاملة، HDR، مدى ألوان واسع. ترميز aom (عبر libavif) بطيء لكنه يعطي أصغر حجم فعلي للصور.
مثالي لـ
صور البطل، المعرض، وأي مكان تهمّ فيه بشدة النطاق أكثر من وقت المعالج. ممتاز كطبقة أولى داخل
<picture>.
مزايا
- ضغط ممتاز — غالبًا 40–60٪ أصغر من JPEG.
- ألفا وحركة وHDR ومدى واسع وعمق 10/12 بت.
- ترخيص مفتوح بلا رواتب.
عيوب
- بطيء الترميز — الأفضل وقت البناء أو بشكل غير متزامن.
- Safari أضاف الدعم في 16 (2022).
- للرسوم الاصطناعية أقل أناقة من WebP دون فقدان أو PNG.
أي صيغة أختار؟
- صور بلا حدود بصرية: AVIF أولًا، WebP وJPEG كاحتياط داخل
<picture>. - واجهات بشفافية: PNG للأنظمة القديمة، WebP دون فقدان لأحجام أصغر.
- خطوط، لقطات، مخططات: PNG (أو WebP دون فقدان) — مفقودات JPEG/AVIF تضر الحواف.
- بديل GIF: WebP أو AVIF — أصغر بكثير مع ألفا حقيقية.
- صيغة واحدة لكل المتصفحات اليوم: JPEG للصور وPNG للرسوم — ليست الأخف لكن بلا مفاجآت.
في الواقع لا يلزم اختيار صيغة واحدة. قدّم AVIF أولًا ثم WebP ثم JPEG أو PNG داخل
<picture> — فيحصل كل متصفح على أصغر صيغة يفكها.
أسئلة شائعة
كيف أحوّل JPG إلى WebP؟
افتح PicBrewery واسحب JPG — يُولَّد WebP مع باقي الصيغ. اختر خلية WebP واضغط تنزيل. كله في متصفحك دون رفع.
كيف أحوّل PNG إلى AVIF؟
اسحب PNG إلى PicBrewery. يُعاد الترميز في عاملات ويب. اضغط عمود AVIF أو صدّر ZIP بأصغر نسخة لكل صف.
هل AVIF أفضل من WebP؟
للصور عادة AVIF أصغر من WebP لنفس الجودة بفضل AV1. WebP أسرع في الترميز وأوسع دعمًا على أجهزة قديمة.
هل يدعم Safari WebP؟
نعم من Safari 14 (2020) فما فوق لـ macOS وiOS. يفك مفقودات ودون فقدان.
هل PNG دون فقدان دائمًا؟
نعم. DEFLATE دون فقدان. التصغير من الفلترة وضبط DEFLATE لا من رمي بيانات الصورة.
هل يدعم JPEG الشفافية؟
لا. للشفافية استخدم PNG أو WebP أو AVIF.
كم أصغر AVIF من JPEG؟
غالبًا 40–60٪ لصور فوتوغرافية بترميز حديث. تقل الفائدة لرسوم مسطّحة بسيطة.
هل يفك متصفحي AVIF؟
Chrome 85+ وFirefox 93+ وEdge 121+ وSafari 16+. للقديم استخدم picture مع WebP أو JPEG.
هل PicBrewery يعمل على الجهاز؟
نعم — WebAssembly في عاملات ويب. لا تُنقل وحدات بايت الصور.
التحويل بين الصيغ
تبحث عن تحويل معيّن؟ اختر أحد الروابط — في كل صفحة خطوات، وفائدة حجم وأسئلة شائعة.