اختيار صيغة الصور ليس مسألة آراء — بل مواءمة أسلوب الضغط والشفافية ودعم المتصفحات للمهمة. إليك دليل القرار الكامل.
أربع صيغ وسؤال خالد. الحقيقة أن كل صيغة صُممت لوظيفة مختلفة، وكل جدال «أيهما أفضل؟» يتلاشى تقريباً بمجرد أن تسأل سؤالاً أفضل: أفضل لماذا؟ يمنحك هذا الدليل النموذج الذهني والأرقام وجدول قرار تعلّقه بجوار مكتبك.
النسخة في جملة واحدة
الصور الفوتوغرافية تذهب إلى JPG أو WebP. والرسومات ذات الحواف الحادة أو الشفافية تذهب إلى PNG أو WebP. وأقصى توفير على الصور يذهب إلى AVIF — إن كانت متصفحات جمهورك تدعمه.
JPG — حصان العمل الشامل
ضغط JPEG فاقد ومصمم للصور الفوتوغرافية: يتخلى عن تفاصيل بالكاد تلاحظها العين البشرية محققاً ملفات صغيرة عند مستويات جودة تبدو مثالية في السياق. لا يدعم الشفافية، وإعادة الحفظ المتكررة تكدم التشوهات — أبقِ أصولك في مكان آخر.
- استخدمه لـ: الصور الفوتوغرافية، ومرئيات المدونات، وأي حالة تهم فيها التوافقية الشاملة.
- تجنبه في: الشعارات ولقطات الشاشة وأي شيء يحتاج شفافية أو نصوصاً حادة.
PNG — الدقة والشفافية
ضغط PNG غير فاقد: كل بكسل ينجو سليماً، وقناة ألفا كاملة تدعم شفافية سلسة. والثمن هو الحجم — ملفات PNG الفوتوغرافية أثقل بانتظام 5–10 أضعاف من JPEG المحسّنة. وللرسومات المسطحة تنعكس الحسبة ويصير PNG كفؤاً لامعاً.
- استخدمه لـ: الشعارات والأيقونات ولقطات واجهة المستخدم والصور ذات النصوص والتراكبات الشفافة.
- تجنبه في: الصور الفوتوغرافية الكبيرة على الويب.
WebP — الافتراضي الحديث
يقدم WebP وضعي الفاقد وغير الفاقد مع ألفا الشفافة، ويهبط عادةً أصغر من JPEG المكافئ بنسبة 25–35%. وكل المتصفحات الحالية تدعمه، ما يجعل WebP الافتراض المعقول لمرئيات الويب في 2026. ويعالج محول WebP دفعات كاملة بتمريرة واحدة.
AVIF — الجبهة المتقدمة
يضغط AVIF الصور تحسيناً درامياً على كل ما سبق — غالباً أصغر من JPEG بنسبة 50% عند جودة مشابهة — بثمن ترميز أبطأ ودعم متقطع (إن كان يتحسن بسرعة). استخدمه حيث تهم الوفورات أكثر: الصور الرئيسية والصفحات عالية الحركة. وجرّب محول AVIF لتقارن على صورك بنفسك.
جدول القرار
| المحتوى | الخيار الأفضل | الاحتياطي |
|---|---|---|
| صورة رئيسية للموقع | AVIF مع بديل WebP | JPG مضغوط (جودة 80) |
| صور منشورات المدونة | WebP | JPG |
| شعار / أيقونات | PNG أو SVG | WebP (غير فاقد) |
| لقطات شاشة بنصوص | PNG | WebP غير فاقد |
| تراكب شفاف | WebP / PNG | — |
| مرفقات بريد | JPG | PNG (رسومات) |
التحويل بين الصيغ بأمان
تحويل الصيغ غير فاقد فقط في اتجاه معلومة أقل. فالتحويل JPG→PNG يحفظ ما بقي (ويتولى الدفعات محول JPG إلى PNG)؛ والتحويل PNG→JPG يتخلى عن الشفافية إلى الأبد ويضيف تشوهات ضغط (ويتيح لك محول PNG إلى JPG التحكم بتعبئة الخلفية). احفظ الأصول قبل التحويل وفضّل الرحلات ذات الاتجاه الواحد من الملفات الرئيسية.
الأسئلة الشائعة
هل تؤثر صيغة الصور على SEO؟
بشكل غير مباشر لكنه ذو معنى: الصيغ الحديثة تحمّل أسرع، والسرعة تغذي مؤشرات الويب الحيوية. ويغطي دليل تحسين الصور لمحركات البحث السلسلة كاملة من الصيغة إلى الترتيب.
هل يفعل WebP كل ما يفعله PNG؟
للويب، عملياً نعم — بما فيها الشفافية في وضعي الفاقد وغير الفاقد. وللتحرير يبقى PNG خيار التبادل الأسلم.
لماذا ملف PNG الخاص بي أكبر بكثير من JPG؟
يخزن PNG كل بكسل بلا فقدان؛ والتصوير الفوتوغرافي هو بالضبط ما ابتُكر JPEG الفاقد لتصغيره. حوّل ملفات PNG الفوتوغرافية إلى JPG أو WebP وشاهدها تنهار 80–90%.
خلاصة القول
توقف عن اعتبار الصيغ منافسات — إنها أدوات في درج واحد. اجعل WebP افتراضك للويب، وأبقِ PNG للرسومات الدقيقة، ودَع AVIF يستحق مكانه على الصفحات عالية الحركة، وأبقِ JPG للتوافقية الشاملة. وينقل محول الصيغ دفعات كاملة بينها كلها، مجاناً ودون علامات مائية.