مشكلة صيغ الصور
عندك JPG. شخص يقول استخدم WebP. آخر يقول AVIF أفضل. المصمم يرسل PNG. نظام إدارة المحتوى يريد كل شيء WebP. عميل البريد الإلكتروني ينهار إذا لم يكن JPG.
لنحسم هذا الأمر مرة وإلى الأبد.
الصيغ موضّحة
JPEG (JPG) — الموثوق دائماً
اخترع عام 1992. لا يزال أكثر صيغ الصور استخداماً على الويب.
- الضغط: جيد (بفقدان فقط)
- الشفافية: لا
- دعم المتصفح: 100%
- الأفضل لـ: الصور الفوتوغرافية، الصور ذات التدرجات، البريد الإلكتروني، كل ما يحتاج توافقاً عاماً
- ليس لـ: الصور التي تحتوي نصاً، الشعارات، لقطات الشاشة (تظهر عيوب الضغط)
القاعدة الأساسية: عند الشك وعندما يهم التوافق، استخدم JPG.
PNG — جودة بلا فقدان مع الشفافية
- الضغط: بلا فقدان (ملفات أكبر من JPG للصور)
- الشفافية: نعم (قناة ألفا)
- دعم المتصفح: 100%
- الأفضل لـ: الشعارات، الأيقونات، لقطات الشاشة، الصور التي تحتوي نصاً، كل ما يحتاج خلفية شفافة
- ليس لـ: الصور الفوتوغرافية (الملفات أكبر 3–5 مرات من JPG المكافئ)
القاعدة الأساسية: عندما تحتاج شفافية أو حدة دقيقة على مستوى البكسل، استخدم PNG.
WebP — ترقية Google لـJPG وPNG
أصدرته Google عام 2010. مصمم ليحل محل JPG وPNG معاً.
- الضغط: أصغر بـ25–35% من JPG (نفس الجودة)، أصغر بـ20–30% من PNG
- الشفافية: نعم
- الحركة: نعم (يحل محل GIF)
- دعم المتصفح: 97%+ (جميع المتصفحات الحديثة — Chrome وFirefox وSafari 14+ وEdge)
- الأفضل لـ: صور الويب حيث تتحكم في بيئة المتصفح
- ليس لـ: البريد الإلكتروني (كثير من العملاء لا يدعمه)، التطبيقات للأجهزة القديمة
التحذير: Safari أضاف دعم WebP فقط عام 2020. إذا كان لديك مستخدمون على iOS 13 أو Safari قديم، تحتاج احتياطي JPG.
AVIF — البطل الجديد
مستند إلى كوديك الفيديو AV1. صدر حول 2019، دعم واسع من 2022.
- الضغط: أصغر بـ50% من JPG بجودة مكافئة — الأفضل المتاح
- الشفافية: نعم
- الحركة: نعم
- دعم المتصفح: ~93% (Chrome وFirefox وSafari 16+ وEdge — ليس IE، ليس الأجهزة القديمة)
- الأفضل لـ: صور الويب حيث الضغط الأقصى مهم، الجماهير الحديثة
- ليس لـ: الأدوات التي لا تدعمه بعد (Photoshop أضاف الدعم عام 2023، بعض أنظمة إدارة المحتوى لا تزال لا تدعمه)
التحذير: الترميز بطيء (أبطأ 10–20 مرة من WebP). للتحويل الجماعي، استخدم أداة.
GIF — استخدم WebP أو فيديو بدلاً منه
عمر GIF 30 سنة. 8 بت، محدود بـ256 لوناً لكل إطار، وضخم الحجم بشكل مضحك.
GIF بحجم 5 ميغابايت يمكن أن يكون WebP متحرك بـ300 كيلوبايت أو MP4 بـ200 كيلوبايت. لا يوجد سبب تقريباً لاستخدام GIF عام 2026 — إلا على منصات تشترطه تحديداً.
جدول مقارنة الصيغ
| الصيغة | حجم الملف | الشفافية | الحركة | الدعم | الأفضل لـ |
|---|---|---|---|---|---|
| JPG | مرجع | لا | لا | 100% | الصور، البريد الإلكتروني |
| PNG | 3–5× JPG | نعم | لا | 100% | الشعارات، لقطات الشاشة |
| WebP | −30% JPG | نعم | نعم | 97% | صور الويب والأيقونات |
| AVIF | −50% JPG | نعم | نعم | 93% | الويب الحديث، الضغط الأقصى |
| GIF | 10–20× WebP | جزئي | نعم | 100% | التوافق القديم فقط |
أي صيغة تختار: دليل القرار
لصورة على موقعك ← AVIF (مع احتياطي WebP للمتصفحات الأقدم). في HTML:
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="...">
</picture>
لشعار بخلفية شفافة ← WebP أو PNG. WebP أصغر بـ30%؛ استخدم PNG إذا احتجت 100% توافق.
للبريد الإلكتروني ← JPG دائماً. عملاء البريد الإلكتروني فوضى؛ JPG هو الصيغة الآمنة الوحيدة فعلاً.
لصفحة منتج بصور كثيرة ← AVIF. فارق الضغط (50% مقارنة بـJPG) له تأثير حقيقي على وقت التحميل ومعايير Core Web Vitals.
لاستبدال GIF على موقعك ← WebP متحرك أو MP4. فيديو إلى GIF يُنشئ صوراً متحركة متوافقة مع WebP؛ معظم المشغلات الحديثة تتعامل مع حلقات MP4 بسلاسة.
للرفع على وسائل التواصل الاجتماعي ← JPG. Instagram وTwitter/X وSnapchat يعيدون ضغط صورتك على أي حال.
الجانب SEO
يُعاقب Google PageSpeed Insights ومعايير Core Web Vitals الصور الكبيرة الحجم تحديداً. التحول من JPG إلى WebP/AVIF على موقع يحتوي 50+ صورة يمكن أن يحسّن بشكل ملحوظ درجة LCP (أكبر رسم للمحتوى).
صورة hero بـJPG 400 كيلوبايت = WebP بـ280 كيلوبايت = AVIF بـ200 كيلوبايت. النتيجة البصرية متطابقة. وقت التحميل ليس كذلك.
حوّل صورك الآن
محوّل الصور يحوّل بين PNG وJPG وWebP وAVIF والمزيد — معالجة دفعات، مجاناً. لا حاجة لحساب.
للضغط بدون تغيير الصيغة: ضاغط الصور يقلل حجم الملف مع الحفاظ على الجودة والصيغة.