JPG أم PNG أم WebP أم AVIF — أي صيغة صور تستخدم في كل حالة؟
مقارنة في جدول بين JPG وPNG وWebP وAVIF من حيث الضغط والشفافية وعمق الألوان والحجم ودعم المتصفحات في 2026، مع دليل لاختيار الصيغة المناسبة لرفع الطلبات والمدونات والشعارات ولقطات الشاشة.
يعود اختيار صيغة الصورة في النهاية إلى ثلاثة معايير: ما نوع المحتوى(صورة فوتوغرافية أم رسم مليء بالنصوص والخطوط)، وهل تحتاج إلى خلفية شفافة، وهل يستطيع الطرف المستقبِل فتح تلك الصيغة. يشرح هذا الدليل أولًا الفروق البنيوية بين الصيغ الأربع الأكثر شيوعًا، ثم يختم بجدول اختيار حسب الحالة. أرقام دعم المتصفحات مأخوذة من بيانات Can I use في تاريخ المرجع (2026-09-23).
جدول المقارنة في لمحة
| البند | JPG(JPEG) | PNG | WebP | AVIF |
|---|---|---|---|---|
| الظهور | 1992 ITU-T T.81 | 1996 توصية W3C | 2010 إطلاق Google | 2019 AOMedia v1.0.0 |
| الضغط | فاقد | غير فاقد | فاقد وغير فاقد | فاقد وغير فاقد |
| الشفافية | لا | نعم (قناة ألفا) | نعم | نعم |
| الحركة | لا | ممكنة عبر APNG | نعم | نعم |
| عمق الألوان | 8 بت لكل قناة | حتى 16 بت | 8 بت | 8 و10 و12 بت (يدعم HDR) |
| دعم المتصفحات (مستخدمو العالم) | 100% عمليًا | 100% عمليًا | نحو 96% | نحو 95% |
نسب الدعم محسوبة وفق حصة استخدام المتصفحات عالميًا كما يجمعها موقع Can I use. إذا كان عليك مراعاة متصفحات قديمة أو عارضات صور داخلية في الشركة، فما زالت JPG وPNG هما الخيار الأكثر أمانًا.
JPG — المعيار الذي يخدم الصور الفوتوغرافية منذ 30 عامًا
تقسّم JPG الصورة إلى كتل من 8×8 بكسل، ثم تحوّلها إلى مكوّنات ترددية عبر تحويل جيب التمام المتقطع (DCT)، وتُجري تكميمًا خشنًا للمكوّنات عالية التردد التي لا تلتقطها العين جيدًا فتتخلص منها. كما تُخزَّن معلومات اللون غالبًا بدقة أقل من السطوع (الاختزال اللوني). لذلك يصعب ملاحظة الفرق عند جودة 80 تقريبًا في الصور ذات التدرجات الناعمة كالسماء والبشرة، بينما تظهر بقع وتموجات حول الحواف (الرنين، وضوضاء الكتل) في الصور المليئة بالنصوص والخطوط والحدود اللونية الحادة.
- المزايا: تقبلها كل الأجهزة والبرامج ونوافذ الرفع تقريبًا، ويمكن ضبط الحجم في نطاق واسع عبر قيمة الجودة.
- الحدود: لا تدعم الشفافية، ويتراكم الفقد مع كل حفظ جديد، فهي غير مناسبة كملفات وسيطة أثناء التحرير.
PNG — الخيار الافتراضي للنصوص والشعارات ولقطات الشاشة
PNG صيغة غير فاقدة تحفظ قيم البكسلات كما هي. تطبّق مرشّحًا يحسب الفرق بين كل بكسل وجاره في كل سطر، ثم تضغط البيانات بخوارزمية Deflate (من عائلة zip نفسها). في لقطات الشاشة والمخططات والشعارات التي تمتد فيها مساحات من اللون نفسه، تكون أصغر وأوضح من JPG، أما في الصور الفوتوغرافية حيث تختلف قيمة كل بكسل قليلًا فلا يعمل الضغط جيدًا وقد يبلغ الحجم أضعاف حجم JPG.
أدرجت الطبعة الثالثة من PNG التي أصدرها W3C في يونيو 2025 كلًّا من PNG المتحركة (APNG) ومعلومات ألوان HDR وكتلة EXIF رسميًا في المعيار، مع الحفاظ على التوافق مع ملفات PNG القديمة.
WebP — صيغة واحدة تجمع JPG وPNG
تضم WebP في صيغة واحدة وضعًا فاقدًا (مبنيًا على ترميز الفيديو VP8) ووضعًا غير فاقد، وكلاهما يدعم الشفافية والحركة. أعلنت Google أنه عند مؤشر الجودة SSIM نفسه تكون WebP الفاقدة أصغر من JPG بنسبة 25–34%، وWebP غير الفاقدة أصغر من PNG بنسبة 26%. هذه الأرقام من اختبارات Google الخاصة، لذا يختلف التوفير الفعلي حسب محتوى الصورة وإعدادات المرمِّز.
سُجّلت مواصفة WebP ونوع الوسائط (image/webp) رسميًا في نوفمبر 2024 ضمن IETF RFC 9649. بدأ Safari دعمها من الإصدار 14 (وعلى macOS من Big Sur فما فوق)، لذا إن كان كثير من مستخدميك على أجهزة Apple أقدم من 2020 فالأسلم تجهيز صورة بديلة.
AVIF — أصغر صيغة حديثة لكن ترميزها بطيء
AVIF صيغة تضع صورة مضغوطة بترميز الفيديو AV1 الخالي من الرسوم داخل حاوية من عائلة HEIF، وقد أصدر تحالف Alliance for Open Media (AOMedia) مواصفتها 1.0.0 في فبراير 2019. تستطيع حمل ألوان بعمق 10 و12 بت لكل قناة وHDR، وغالبًا ما تنتج ملفات أصغر من WebP بالجودة نفسها. في المقابل، يتطلب ترميزها حسابات كثيرة فيستغرق تحويل عدة صور كبيرة وقتًا طويلًا، وبحسب MDN فهي لا تدعم العرض التدريجي (progressive).
إصدارات بدء الدعم في المتصفحات الرئيسية: Chrome 85 وFirefox 93 وSafari 16.4 (دعم جزئي من 16.1) وEdge 121. ولأن Edge انضم متأخرًا (مطلع 2024)، فقد لا تظهر الصور إذا كان Edge على حاسوب العمل مثبتًا على إصدار قديم.
مظهر تدهور الجودة يختلف من صيغة لأخرى
حتى عند «الجودة المنخفضة» نفسها، يختلف شكل انهيار الصورة من صيغة إلى أخرى. معرفة أين تنظر عند فحص النتيجة يسهّل اختيار قيمة الجودة.
- JPG: تظهر حدود كتل 8×8 كشبكة، وتتكون تموجات حول النصوص والخطوط (الرنين)، وتظهر عتبات متدرجة على شكل أشرطة في المناطق الناعمة كالسماء.
- WebP (فاقدة): آثار الكتل أقل من JPG، لكن التفاصيل تتميّع والألوان تبدو منتشرة، وتبهت الخطوط الحمراء والزرقاء الرفيعة بشكل خاص.
- AVIF: لا تكاد تظهر آثار الكتل حتى عند جودة منخفضة، لكن ملمس البشرة والعشب والشعر قد يُمسح بنعومة فتبدو الصورة «كلوحة مائية».
- PNG: غير فاقدة فلا يوجد تدهور في الجودة. لكن إن قللت عدد الألوان لخفض الحجم فستظهر أشرطة في التدرجات.
عند فحص النتيجة، من الأفضل تكبير الوجوه والنصوص والسماء إلى 100% أو أكثر ومقارنتها بالأصل بدلًا من النظر إلى الشاشة كاملة.
أين تقف JPEG XL وHEIC؟
- JPEG XL: صيغة من الجيل التالي بمزايا كثيرة، منها إعادة تغليف ملفات JPG الحالية بحجم أصغر دون فقد، لكن حتى تاريخ المرجع وبحسب Can I use يدعمها جزئيًا Safari 17 فما فوق فقط، ولا يعرضها Chrome ولا Firefox بالإعدادات الافتراضية. ما زال استخدامها المباشر على الويب مبكرًا.
- HEIC: الصيغة الافتراضية لصور iPhone، لكن من بين متصفحات الويب لا يعرضها إلا Safari 17 فما فوق. الشائع تحويلها إلى JPG قبل الإرسال أو المشاركة (دليل HEIC).
مسار الاختيار حسب الحالة
- هل حددت الجهة المستلمة (جهة حكومية، مدرسة، متجر إلكتروني) الصيغ المسموح بها؟ → اتبع تلك القائمة. غالبًا ما تكون JPG.
- هل تحتاج خلفية شفافة؟ → للويب WebP، وللتحرير والطباعة PNG.
- هل هي صورة فوتوغرافية أم رسم؟ → الصور: JPG (للتوافق) أو WebP وAVIF (للحجم)، والنصوص والخطوط والمخططات: PNG أو WebP غير الفاقدة.
- هل تريد رفعها على موقع ويب وتسريعه؟ → استخدم AVIF أو WebP، مع JPG احتياطية للمتصفحات القديمة.
| الاستخدام | الخيار الأول | البديل | ما يجب تجنبه |
|---|---|---|---|
| رفع صور الطلبات وصور الهوية | JPG | PNG إن سمحت الجهة | WebP وAVIF وHEIC |
| صور المدونات والمواقع | WebP وAVIF | JPG | الصور الفوتوغرافية بصيغة PNG |
| شعارات وأيقونات (شفافة) | PNG وWebP | SVG (متجهية) | JPG |
| لقطات الشاشة والمخططات | PNG | WebP غير الفاقدة | JPG منخفضة الجودة |
| صور متحركة قصيرة | WebP وAVIF المتحركة | GIF (للتوافق) | — |
| الإرسال إلى المطبعة | الصيغة التي تطلبها المطبعة | JPG وPNG عالية الجودة | JPG أعيد ضغطها مرارًا |
ما يجب معرفته عند التحويل
- التحويل من فاقد إلى فاقد يراكم الفقد. عند تحويل JPG إلى WebP يُضاف فقد WebP فوق المعلومات التي تخلصت منها JPG أصلًا. إن كان لديك الملف الأصلي فحوّل منه مرة واحدة فقط.
- عند التحويل من شفاف إلى معتم(PNG وWebP → JPG) يجب ملء الأجزاء الشفافة بلون خلفية مثل الأبيض.
- عمق الألوان وHDR يُختزلان إلى 8 بت لحظة التحويل إلى JPG.
- إذا لم ينخفض الحجم بمجرد تغيير الصيغة، فإن تقليل الدقة معها هو الأكثر فاعلية. الشرح التفصيلي في مبدأ تقليل حجم الصور.
يمكن التحويل بين الصيغ داخل المتصفح فقط عبر أداة تحويل صيغ الصور، وقد جمعنا المواصفات التفصيلية لكل صيغة في قاموس الصيغ.
الأسئلة الشائعة
هل تتحسن جودة الصورة إذا حفظتها بصيغة PNG بدلًا من JPG؟
تحويل صورة محفوظة أصلًا بصيغة JPG إلى PNG يمنع فقط حدوث فقد إضافي من تلك اللحظة، لكنه لا يعيد المعلومات التي ضاعت. وغالبًا ما يتضاعف الحجم عدة مرات، لذا لا يُنصح بتحويل الصور الفوتوغرافية إلى PNG إلا لسبب خاص، مثل تكرار التعديل عليها مرات عديدة.
هل توجد أماكن لا يصح فيها رفع صور WebP أو AVIF؟
معظم متصفحات الويب تعرض الصيغتين، لكن نوافذ الرفع في الجهات الحكومية والمدارس والشركات كثيرًا ما تقبل JPG أو PNG فقط. إذا حددت الجهة المستلمة الامتدادات المسموح بها، فالأسلم الالتزام بتلك القائمة حرفيًا.
أحتاج خلفية شفافة وحجمًا صغيرًا في الوقت نفسه، فماذا أستخدم؟
للاستخدام على الويب، تدعم WebP وAVIF الشفافية مع الضغط الفاقد، فتكونان أصغر بكثير من PNG. وإذا كان البرنامج المستقبِل لا يفتح هاتين الصيغتين فاستخدم PNG وقلّل الحجم بتقليل عدد الألوان.
جرّبها الآن
المصادر
- MDN — Image file type and format guide
- Google for Developers — An image format for the Web (WebP)
- ITU-T Recommendation T.81 (09/92) — مواصفة JPEG
- W3C — PNG Specification (Third Edition)
- AOMedia — AV1 Image File Format (AVIF)
- Can I use — WebP image format
- Can I use — AVIF image format
- Can I use — HEIF/HEIC image format
- Can I use — JPEG XL image format