مشهد صيغ الصور في 2026
قبل عشر سنوات، اختيار صيغة الصورة كان قراراً بسيطاً: PNG للشفّافية، JPEG لكلّ شيء آخر. اليوم في 2026، الخيارات تضاعفت، وكلّ صيغة لها مكانها. اتّخاذ القرار الخاطئ يكلّفك إمّا أداءً أو جودةً.
التحوّل الكبير: WebP أصبحت الافتراضية، AVIF تنمو بسرعة، JPEG XL بدأت تكسب أرضاً، JPEG التقليدية تتراجع لكنّها لن تختفي. PNG ما زالت ملكة الشفّافية. SVG هي الخيار الوحيد للرسومات القابلة للتحجيم.
JPEG: العجوز الذي لا يموت
JPEG (1992) هي أقدم صيغة ضغط حديثة. تستخدم تحويل cosine المتقطّع (DCT) لحذف ترددات عالية لا تراها العين. ضغطها جيّد للصور الفوتوغرافية، رديء للرسومات بحوافّ حادّة (تظهر «هالات» حولها).
متى: صور فوتوغرافية، بدون شفّافية، fallback لمتصفّحات قديمة جدّاً.
القيود: لا شفّافية، لا انيميشن، الجودة تتدهور مع كلّ حفظ متكرّر. حجم أكبر بـ 25-50% من البدائل الحديثة.
JPEG التقدّمي (Progressive JPEG): نسخة محسّنة تظهر الصورة كاملة بجودة منخفضة أوّلاً، ثمّ تتحسّن. تجربة مستخدم أفضل على شبكات بطيئة. كلّ JPEG ينبغي أن يكون تقدّمياً.
PNG: ملكة الشفّافية
PNG (1996) صيغة Lossless تدعم الشفّافية والقنوات الإضافية. حجمها كبير مقارنةً بالصيغ Lossy، لكنّها لا تفقد أيّ معلومة. ممتازة للشعارات، الأيقونات، لقطات الشاشة، الرسومات.
متى: شفّافية، رسومات بحوافّ حادّة، لقطات شاشة، أيقونات. أيّ صورة لا يجب أن تفقد أيّ بكسل.
القيد: الحجم. صورة فوتوغرافية في PNG قد تكون 10x حجمها في JPEG. لا تستخدم PNG للصور الفوتوغرافية.
PNG-8 vs PNG-24: PNG-8 محدود بـ 256 لون (مثل GIF)، حجم أصغر. PNG-24 يدعم 16 مليون لون + شفّافية كاملة. استخدم PNG-24 للجودة الكاملة، PNG-8 للأيقونات البسيطة.
WebP: الافتراضية في 2026
WebP أصدرتها Google في 2010. مدعومة في كلّ المتصفّحات منذ 2020 (Safari كانت آخر من انضمّ). تجمع بين أفضل ميزات JPEG (ضغط جيّد) و PNG (شفّافية)، مع حجم أصغر بـ 25-35%.
متى: 90% من حالات الاستخدام. صور فوتوغرافية، رسومات بشفّافية، حتى الانيميشن (بديل GIF).
WebP Lossy vs Lossless: WebP تدعم الوضعين. Lossy للصور الفوتوغرافية، Lossless كبديل أصغر حجماً من PNG (توفير 25%).
WebP animation: بديل GIF بحجم أصغر بـ 30-60% وجودة أعلى. لكنّ دعم تحرير WebP animation في الأدوات أقلّ من GIF.
AVIF: الطفل الذي يكبر بسرعة
AVIF بُنيت على ترميز فيديو AV1 (الذي يُستخدم في YouTube و Netflix). تستخدم تقنيات متقدّمة من ضغط الفيديو: تنبّؤ مكاني، تحويلات متعدّدة، ترميز إنتروبي حديث. النتيجة: حجم أصغر بـ 20-50% من WebP بنفس الجودة.
متى: المواقع التي تهتمّ بالأداء بشكل جدّي. تجارة إلكترونية، إعلام، أيّ موقع يخدم ملايين المستخدمين.
الدعم: Chrome (2020)، Firefox (2021)، Safari (2022). كلّ المتصفّحات الحديثة. لكن المستخدم الذي يستخدم Chrome 80 من 2020 لن يرى الصورة.
القيود: الترميز بطيء (10-20x من JPEG). إن كنتَ تضغط آلاف الصور في pipeline، AVIF تأخذ وقتاً. الفكّ سريع جدّاً، لكنّ ترميز الموقع نفسه قد يكون أبطأ.
دعم Canvas API: ليس كلّ متصفّح يدعم ترميز AVIF في canvas.toBlob(). Safari تأخّرت في هذا. لذا أدوات الضغط في المتصفّح قد لا تنتج AVIF حتى لو كان المتصفّح يدعم عرضها.
JPEG XL: الواعدة لكن المؤجَّلة
JPEG XL (2021) صيغة جديدة من نفس المنظّمة وراء JPEG الأصلي. وعودها مذهلة: ضغط أفضل من AVIF، دعم Lossless حقيقي، تحويل JPEG القديم لـ JPEG XL بدون فقدان جودة (مع توفير 20% من الحجم).
المشكلة في 2026: دعم المتصفّحات بطيء. Chrome أزالت الدعم في 2022، Firefox تدعمها خلف flag، Safari تدعمها على iOS 17+. النتيجة: لا تستطيع الاعتماد عليها للإنتاج بعد.
المستقبل: إن كسبت دعم Chrome في 2027 أو لاحقاً، قد تصبح الصيغة المهيمنة. لكن «إن» كلمة كبيرة. تابع المشهد، لا تستثمر فيها بعد.
SVG: ملكة الرسومات
SVG (Scalable Vector Graphics) ليست صيغة bitmap. هي صيغة vector — أوامر رسم بدلاً من بكسلات. الميزة: تكبير بلا حدود بدون فقدان جودة. صورة SVG بحجم 1KB قد تظهر ممتازة على شاشة 8K.
متى: شعارات، أيقونات، رسوم بيانية، أيّ رسم يمكن تعريفه برياضيات بسيطة (خطوط، أشكال، منحنيات).
لا تستخدم لـ: الصور الفوتوغرافية. تحويل صورة فوتوغرافية لـ SVG ممكن لكنّ النتيجة حجمها مهول وغير عملية.
قابلية التعديل: SVG ملفّ XML. تستطيع تعديله بـ JavaScript، تغيير ألوانه بـ CSS. هذا يجعله مثالياً للأيقونات التفاعلية.
شجرة القرار: أيّ صيغة أختار
هل الصورة فوتوغرافية؟
نعم → ابدأ بـ WebP. أضف AVIF كطبقة أعلى للمتصفّحات الحديثة. أضف JPEG fallback لـ <1% من المستخدمين القدماء.
هل تحتاج شفّافية؟
نعم + رسم بحوافّ حادّة (شعار، أيقونة) → SVG (إن أمكن) أو PNG.
نعم + صورة فوتوغرافية (شخص بخلفية شفّافة) → WebP بشفّافية.
هل تحتاج انيميشن؟
نعم → WebP animation أو APNG. تجنّب GIF.
هل الرسم متّجه (vector)؟
نعم → SVG دائماً.
هل لا أعرف ماذا أختار؟
WebP بجودة 80. الإجابة الآمنة لـ 90% من الحالات.
نصائح التحويل العملي
1. حافظ على الأصلي. لا تحوّل الصورة الأصلية إلى WebP وتحذف JPEG الأصلي. كلّ تحويل lossy يفقد جودة. احفظ الأصلي بصيغة جيّدة (PNG أو JPEG عالي الجودة) وحوّل نسخة للنشر.
2. التحويل المتعدّد كارثي. JPEG → WebP → JPEG → WebP يفقد جودة في كلّ خطوة. حوّل مرّة واحدة من المصدر الأصلي.
3. تأكّد من المتصفّح يدعم الترميز. أداة في Safari قد تعرض «تحويل لـ AVIF» لكنّ النتيجة فعلاً PNG (المتصفّح يفشل بصمت). افحص الملفّ الناتج.
4. ليس كلّ AVIF متساوياً. AVIF تدعم خيارات ترميز متعدّدة (سرعة الترميز، عمق الألوان...). الإعدادات الافتراضية مقبولة، لكن للسيناريوهات الحرجة، تحكّم في الخيارات.
5. اختبر بصرياً. لا تثق فقط بأرقام الجودة. افتح الصورة الأصلية والمضغوطة جنباً إلى جنب وقارن. التشوّش قد يكون غير ملحوظ في نمط واحد لكنّه قبيح في آخر.
