ضغط الصور في 2026: اختبار WebP وAVIF وJPEG XL وJPEG AI

Last updated: August 1, 2026

اختبرت cwebp وavifenc وcjxl على أربع صور حقيقية عالية الدقة. النتائج واضحة: WebP أصغر بنسبة 32% من JPEG q82 في المتوسط، وAVIF أصغر بنسبة 65% من JPEG (وأصغر بنسبة 48% من WebP)، وJPEG XL أصغر بنسبة 30% من JPEG. لكن نسبة الضغط هي نصف القصة فقط. دعم المتصفحات وسرعة الترميز وكيفية تعامل كل تنسيق مع النصوص والتدرجات اللونية هي ما يحدد التنسيق الذي يجب استخدامه فعلياً اليوم.

إجابة سريعة: أي تنسيق ضغط صور يجب أن تستخدم في 2026؟

اختر WebP كتنسيق افتراضي اليوم. وفقاً لبيانات Can I Use، يتمتع WebP بتغطية متصفحات عالمية تبلغ 96.1%، ويرمَّز بسرعة (0.64 ثانية قيست على صورة بدقة 4226x2847)، وهو أصغر بنسبة 32% من JPEG التقليدي. إذا كان هدفك أقصى قدر من الضغط وكانت متصفحات جمهورك تدعمه، استخدم AVIF. لديه تغطية عالمية بين 93% و95%، وهو أصغر بنسبة 48% من WebP عند جودة مكافئة. يتمتع JPEG XL بتغطية متصفحات تبلغ حوالي 14% إلى 16% فقط في 2026، لذا فهو منطقي فقط للترحيل غير الفقدان لـ JPEG. لا يزال JPEG AI في مرحلة البحث ويجب عدم استخدامه لصور الويب اليومية.

إذا كنت تريد فقط ضغط صورة واحدة في المتصفح، فإن أداة ضغط الصور تصدِّر WebP وAVIF دون تثبيت. لتحويل دفعات من صور JPEG التقليدية إلى تنسيقات حديثة، استخدم أداة تحويل الصيغ.

ما هو JPEG AI ولماذا يهم في ضغط الصور؟

JPEG AI هو أول معيار دولي لترميز الصور قائم على الشبكات العصبية، طورته لجنة JPEG (ISO/IEC JTC1/SC29/WG1). تستخدم برامج الترميز التقليدية تحويل جيب التمام المتقطع أو تحويل الموجة لضغط البكسلات. بدلاً من ذلك، يرمِّز JPEG AI الصورة إلى موتر كامن مضغوط، ثم يستخدم شبكة عصبية لإعادة بناء الصورة عند فك الترميز.

وفقاً للوثيقة الرسمية للجنة JPEG، يحقق JPEG AI توفيراً في BD-rate بنسبة 12.5% إلى 27.9% مقارنة بترميز VVC Intra في التكوينات ذات الصلة. يؤكد موضوع اختبار مجتمع encode.su هذا النطاق من البيانات. يؤكد تحليل Streaming Learning Center أن JPEG AI غير متوافق مع الإصدارات السابقة مع JPEG التقليدي. إنه برنامج ترميز جديد تماماً، مما يعني أن المتصفحات وأنظمة التشغيل ومنصات CMS جميعها تحتاج إلى دعم مخصص لفك ترميزه.

الاختراق الأساسي لـ JPEG AI هو الضغط الدلالي. إنه يرمِّز "سمات المعنى" للصورة بدلاً من بيانات البكسل واحدة تلو الأخرى، لذا عند معدلات بت منخفضة جداً تبدو الصورة المعاد بناؤها غالباً أكثر طبيعية من التشوّهات المكعّبة لبرامج الترميز التقليدية. تشمل أهداف التصميم أيضاً خدمة كل من الاستهلاك البصري البشري ومهام الرؤية الآلية في وقت واحد، وهو بُعد لم تأخذه التنسيقات التقليدية في الحسبان أبداً. المقايضة هي أن كل من الترميز وفك الترميز يتطلبان تسريع GPU أو NPU، وأن الترميز في الوقت الفعلي على وحدة معالجة مركزية خادم قياسية ليس عملياً بعد. أشارت Cloudinary في تحليلها لعام 2026 إلى أن JPEG AI يمثل تحولاً جذرياً من الضغط "الدقيق بالبكسل" إلى الضغط "المحسَّن إدراكياً".

اختبرت WebP وAVIF وJPEG XL. كم هي أصغر فعلاً؟

نزّلت 4 صور حقيقية عالية الدقة من Pexels (صورة شخصية 3500x2333، صورة طبيعية 4226x2847، طعام 2000x1333، منتج 2000x1325) ورمّزتها باستخدام cwebp وavifenc وcjxl عند جودة مكافئة لـ q82. إليك أعداد البايتات الحقيقية:

AVIF هو بطل الضغط، بمتوسط أصغر بنسبة 48% من WebP. في الصورة الطبيعية، أكبر عينة، حجم 579 KB لـ AVIF هو فقط 34% من JPEG و51% من WebP. JPEG XL وWebP متقاربان في نسبة الضغط، لكن JPEG XL يتمتع بميزة فريدة: الترحيل غير الفقدان لـ JPEG.

في سرعة الترميز، قمت بقياس الصورة الطبيعية (4226x2847، أكبر عينة): استغرق WebP q82 حوالي 0.64 ثانية، وAVIF cr30 استغرق 0.24 ثانية (برنامج ترميز SVT-AV1 فعال جداً على Apple Silicon)، وJPEG XL q82 استغرق 0.84 ثانية. يختلف هذا الترتيب عن توقعات كثير من الناس. AVIF ليس الأبطأ، لكن وقته يزداد بشكل حاد عند إعدادات الجودة الأعلى (cr أقل من 20)، بينما يتمتع WebP وJPEG XL بمنحنيات أكثر تسطّحاً للجودة مقابل الوقت. يؤكد موضوع النقاش لمجتمع r/jpegxl لعام 2026: يتفوّق AVIF في خيارات الضبط المرنة، بينما نقاط قوة JPEG XL هي الترحيل غير الفقدان لـ JPEG وفك الترميز التدريجي.

أي تنسيق يفشل في أي سيناريوهات؟

أرقام الضغط لا تروي القصة كاملة. وجدت أن التنسيقات المختلفة تتصرف بشكل مختلف جداً اعتماداً على نوع المحتوى:

• لقطات الشاشة بنص صغير — ضغطت لقطة شاشة لجدول أسعار (تحتوي على فواصل عشرية "$199.99") ووجدت أن AVIF يبدأ بإظهار تشوّهات رنين حول حواف الفواصل عند cr40 وأعلى. يصبح JPEG XL طمساً للنص أسفل q70. يبقى WebP غير الفقدان حاداً تماماً على هذا النوع من المحتوى، أكبر بحوالي 40% فقط من النسخة الفقدانية. للقطات شاشة الواجهات ولوحات المعلومات والتقاطات الكود، لا يزال PNG أو WebP غير الفقدان الخيار الأفضل.

• التدرجات اللونية وخلفيات الألوان الصلبة — يؤدي AVIF وJPEG XL بشكل ممتاز على التدرجات الناعمة، منتجةً تقريباً عدم وجود تدرّجات لونية متدرّجة. يمكن أن يُظهر WebP تدرّجات لونية طفيفة عند مستويات الجودة الأقل (أسفل q70)، لكنها غير مرئية في الغالب عند q80 وأعلى. - الحواف عالية التباين — الحد الفاصل بين النص والخلفية، والحواف الحادة لصور المنتجات، هي نقاط ضعف لجميع التنسيقات الفقدانية.

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

ما هي حالة دعم المتصفحات؟ هل استخدامه آمن الآن؟

وفقاً لإحصائيات Can I Use حتى يونيو 2026، فإن مشهد دعم المتصفحات هو:

WebP هو التنسيق الحديث الوحيد بتوفّر يقارب 100% عبر جميع المتصفحات الرئيسية، بما في ذلك iOS Safari القديم والمتصفحات المدمجة في أندرويد. تضع ملخص مقارنة ImageSEO لعام 2026 الأمر بدقة: يفوز WebP في التوافق، ويفوز AVIF في الضغط، وJPEG XL ممتاز تقنياً لكنه متأخر بشدة في التبني. تشير Cloudinary إلى أن 2026 قد يكون نقطة تحول JPEG XL، حيث أعيد دخوله إلى Chrome وFirefox، لكن صفحة Can I Use لـ JPEG XL تُظهر أنه لا يزال متاحاً فقط خلف علم أو تجريبياً، ولا يوصى به للاستخدام في الإنتاج targeting جمهور واسع.

إذا كنت بحاجة إلى تغطية جميع المتصفحات، استخدم وسم HTML <picture> لتوفير بدائل متعددة المصادر: فضِّل AVIF، ثم تراجع إلى WebP، ثم JPEG. بهذه الطريقة تحصل المتصفحات الحديثة على أصغر AVIF، بينما تتدهور المتصفحات القديمة تلقائياً إلى WebP أو JPEG.

كيف يؤثر ضغط الصور على SEO وCore Web Vitals؟

غالباً ما تكون الصور أكبر مورد في صفحة ويب وهي أكثر عنصر Largest Contentful Paint (LCP) شيوعاً. في صفحات منتجات التجارة الإلكترونية، تكون صورة المنتج الرئيسية دائماً تقريباً هي عنصر LCP. ضغط وتحجيم تلك الصورة بشكل صحيح هو الإجراء الأعلى تأثيراً لتحسين درجات Core Web Vitals. يشير دليل Zest Web Solutions لعام 2026 إلى أن WebP وAVIF يقللان حجم الحمولة بنسبة 30% إلى 50% مقارنة بـ JPEG القياسي مع الحفاظ على جودة عالية الدقة حادة.

يؤكد دليل أداء الصور من web.dev التابع لـ Google أن التنسيقات الحديثة مثل WebP وAVIF يمكن أن تقلل حجم التنزيل، مما يمكن أن يحسّن أيضاً LCP عندما تكون الصورة مهمة لإطار العرض الأول. Core Web Vitals هي إشارة ترتيب رسمية من Google. التبديل من صورة البطل فوق الطية من JPEG إلى WebP أو AVIF يحسّن LCP عادةً بمقدار 0.5 إلى 1.5 ثانية. لكن اختيار التنسيق هو الخطوة الأولى فقط. إذا كانت الصورة تُعرض بعرض 800 بكسل لكنك ترفع نسخة أصلية بدقة 4000 بكسل، فالمتصفح لا يزال ينزّل بكسلات لن يراها القارئ أبداً. قص وحجم إلى الأبعاد القصوى التي تعرضها الصفحة فعلياً أولاً، ثم اختر التنسيق والجودة. هذا هو الترتيب الصحيح.

كيف تحسّن الصور خطوة بخطوة؟

بناءً على تجربتي في معالجة مئات الصور، هذا هو سير عمل الضغط الأكثر موثوقية:

• حدد غرض الصورة: عرض ويب، طباعة، أو أرشفة

• تحقق من توزيع متصفحات جمهورك (تقرير المتصفحات في Google Analytics)

• قص إلى أصغر لوحة مطلوبة للمحتوى، مع إزالة المساحات البيضاء الزائدة

• غيّر الحجم إلى أقصى عرض بالبكسل تعرضه الصفحة فعلياً (عادةً DPR 2x)

• للمحتوى الفوتوغرافي، ابدأ بـ WebP من q80 إلى q85 كأساس

• للقطات الشاشة بالنص، استخدم PNG أو WebP غير الفقدان أولاً

• إذا كان حجم الملف هو المقياس الحاسم، أنتج نسخة AVIF وقارنها بـ WebP عند جودة بصرية مكافئة

• افحص بصرياً الوجوه وحواف النص والتدرجات والظلال عند حجم العرض النهائي

• استخدم وسم <picture> لتوفير احتياطي JPEG حتى لا تُظهر المتصفحات القديمة صوراً مكسورة

• أضف تلميح preload لصور LCP فوق الطية لتسريع الطلاء الأول

كيف تضغط وتحوّل الصور دفعياً؟

معالجة صورة واحدة سهلة، لكن عندما تواجه كتالوج منتجات كاملاً أو مكتبة صور مدوّنة، فإن المعالجة الدفعية هي الحاجة الحقيقية. يمكن كتابة برامج سطر الأوامر: استخدم cwebp -q 82 *.jpg للتحويل الدفعي إلى WebP، أو اقرن avifenc بحلقة shell للتحويل الدفعي إلى AVIF. إذا كنت لا تريد تثبيت أدوات سطر الأوامر، استخدم أداة الصور الدفعية أو أداة ضغط الصور داخل المتصفح لسحب مجلد كاملاً وتصديره كـ WebP أو AVIF.

المبدأ الأساسي هو: احتفظ دائماً بالملف الأصلي وأخرج نتائج مضغوطة إلى دليل جديد. بهذه الطريقة يمكنك ضبط معاملات الجودة بشكل متكرر دون فقدان المواد المصدرية. لمواقع التجارة الإلكترونية، أوصي بتوليد نسختي WebP (عام) وAVIF (محسّن) في وقت واحد، مما يتيح للمتصفح اختيار التنسيق الأمثل عبر وسم <picture>. لاستراتيجيات تغيير الحجم الدفعي التفصيلية، راجع دليل تغيير الحجم الدفعي.

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

WebP أم AVIF: أيهما أفضل للتجارة الإلكترونية؟

WebP أفضل كافتراضي للتجارة الإلكترونية لأنه يعمل عبر جميع المتصفحات ويرمَّز بسرعة. يمكن أن يعمل AVIF كتحسين للجوال أو الصفحات الكثيفة بالصور، موفّراً 48% إضافية في حجم الملف.

هل JPEG XL جاهز للإنتاج في 2026؟

لا يزال JPEG XL يتمتع بتغطية متصفحات تبلغ 14% إلى 16% فقط في 2026، وiOS Safari لا يدعمه إطلاقاً، لذا أنت بحاجة إلى احتياطي. لا يوصى به كتنسيق وحيد للاستخدام في الإنتاج targeting جمهور واسع.

متى سيصبح JPEG AI سائداً؟

لا يزال JPEG AI في مرحلة التقييس والتنفيذ المبكر، حيث يعتمد الترميز وفك الترميز على تسريع GPU أو NPU. من المتوقع أن يستغرق الأمر من سنتين إلى ثلاث سنوات أخرى قبل أن تدعمه المتصفحات ومنصات CMS الرئيسية أصلياً.

كم يؤثر ضغط الصور على SEO؟

يؤثر حجم ملف الصورة مباشرة على LCP ودرجات Core Web Vitals، وهي إشارات ترتيب رسمية من Google. التبديل من صورة البطل فوق الطية من JPEG إلى WebP أو AVIF يحسّن LCP عادةً بمقدار 0.5 إلى 1.5 ثانية.

كم أصغر AVIF من WebP عند نفس الجودة؟

بناءً على اختباراتي على 4 صور حقيقية، AVIF أصغر في المتوسط بنسبة 48% من WebP وأصغر بنسبة 65% من JPEG q82 عند جودة مدركة مكافئة، مما يجعله التنسيق العملي الأكثر كفاءة اليوم.

الضغط غير الفقدان أم الفقداني: أيهما تختار؟

استخدم غير الفقدان للمحتوى الذي يتطلب دقّة بكسلية تامة (لقطات واجهة المستخدم، الصور بالنص، التصوير الطبي). استخدم الفقداني للصور الفوتوغرافية والرسوم التوضيحية وصور المشاهد الطبيعية، لأن العين البشرية غير حساسة لفقدان التفاصيل عالية التردد وتحصل على تخفيض كبير في الحجم.

كيف تحوّل JPEG إلى WebP أو AVIF دفعياً؟

استخدم أدوات سطر الأوامر (cwebp، avifenc) مع حلقات سكربت shell، أو استخدم أداة ضغط الصور داخل المتصفح لسحب مجلد كامل وتصدير التنسيقات الحديثة دفعياً.

هل يمكن لـ JPEG XL ترحيل صور JPEG التقليدية دون فقدان؟

نعم. يدعم JPEG XL إعادة الضغط غير الفقدان لصور JPEG الموجودة، منتجاً ملفات أصغر بمخرجات متطابقة بالبكسل. هذه واحدة من مزاياه الفريدة على AVIF وWebP.

أي تنسيق صور يُحمَّل الأسرع؟

تعتمد سرعة التحميل على حجم الملف، لذا عادةً ما يُحمَّل AVIF الأسرع (أصغر الملفات)، لكن سرعة فك الترميز تختلف عبر الأجهزة. يتمتع WebP بأكثر كفاءة فك ترميز استقراراً وهو أفضل لملاءمة الأجهزة منخفضة الأداء.

الخلاصة

تطوّر ضغط الصور في 2026 من خيار ثنائي "WebP مقابل JPEG" إلى مشهد رباعي من WebP وAVIF وJPEG XL وJPEG AI. خلاصة اختباري: استخدم WebP كافتراضي اليوم (تغطية متصفحات 96%، أصغر بنسبة 32% من JPEG)، وAVIF لأقصى ضغط (أصغر بنسبة 48% من WebP)، وJPEG XL كتنسيق للمراقبة (تغطية 14% إلى 16% فقط حالياً)، وJPEG AI كتقنية مستقبلية للمتابعة. بغض النظر عما تختار، تذكر أن ترتيب الضغط يهم أكثر من اختيار التنسيق.

قص وحجم إلى أبعاد العرض أولاً، ثم اختر التنسيق والجودة. لتعمّق أكبر في خوارزميات الضغط، راجع شرح خوارزميات ضغط الصور. لتعلّم كيفية ضغط الصور إلى حجم ملف محدد، راجع دليل ضغط الصورة إلى 100KB وضغط الصور دون فقدان الجودة. لمقارنات التنسيقات وجهاً لجنب، اقرأ مقارنة AVIF مقابل WebP وWebP مقابل JPEG مقابل PNG. لبدء الضغط الآن، استخدم أداة ضغط الصور أو أداة تحويل الصيغ.

صور القائمة

الغلاف والصور داخل المقال من Pexels (المصور Markus Spiske وفريق Pexels)، تم تحويلها إلى WebP واستضافتها على شبكة CDN لـ imagic-ai.