شرح صيغ الصور: JPG وPNG وWebP وAVIF وGIF وBMP وICO
أي صيغة تستخدم للصور الفوتوغرافية والشعارات ولقطات الشاشة وصفحات الويب والطباعة ووسائل التواصل، ولماذا.
كل صيغة صور هي مجموعة من الموازنات بين حجم الملف والجودة والشفافية والحركة والتوافق. إذا اخترت الصيغة الخطأ فستحصل إما على ملف متضخم وإما على شعار ضبابي. يشرح هذا الدليل ما تجيده كل صيغة، مع الأرقام التي تحتاجها لتقرر.
نوعا الضغط
الضغط بدون فقدان يحفظ كل بكسل كما هو تمامًا، ويكتفي بإيجاد طريقة أكثر كفاءة لكتابة البيانات نفسها، كما يفعل ملف ZIP. افتح صورة مضغوطة بدون فقدان واحفظها ألف مرة وستبقى كما هي. تعمل PNG وBMP وGIF وWebP بدون فقدان بهذه الطريقة.
الضغط مع فقدان يتخلص من جزء من المعلومات، مستهدفًا التفاصيل التي تكون العين البشرية أقل حساسية لها: الملمس الدقيق، والفروق الطفيفة في الألوان، والتشويش عالي التردد. قد تكون النتيجة عُشر حجم الملف غير المفقود دون فرق مرئي، لكن كل إعادة حفظ تفقد القليل الإضافي. تعمل JPG وWebP مع فقدان وAVIF بهذه الطريقة.
القاعدة الأولى تنتج عن ذلك مباشرة: استخدم الصيغ المفقودة للصور الفوتوغرافية، المليئة بالتشويش والملمس الذي لن يفتقده أحد، والصيغ غير المفقودة للرسومات ذات الحواف الحادة والألوان المسطحة والنصوص، حيث يهم كل بكسل.
صيغة صيغة
JPG (JPEG)
صيغة الصور الفوتوغرافية منذ عام 1992. ضغط مع فقدان، وألوان 8 بت، ولا شفافية ولا حركة. يدعمها كل جهاز وبرنامج صُنع على الإطلاق. يتحكم إعداد الجودة من 0 إلى 100 في الموازنة، والنطاق من 80 إلى 85 هو الأنسب للاستخدام اليومي. نقاط ضعفها ظهور «المربعات» عند الجودة المنخفضة، والتموجات حول الحواف الحادة، وغياب الشفافية. استخدمها للصور التي ستذهب إلى أي مكان خارج المتصفح: البريد الإلكتروني والطباعة والمتاجر الإلكترونية والبرامج القديمة.
PNG
ضغط بدون فقدان، وألوان حتى 16 بت، وشفافية ألفا كاملة، ولا حركة (توجد APNG لكنها نادرة). الخيار الصحيح للشعارات والأيقونات ولقطات الشاشة والمخططات والرسوم البيانية وأي صورة تحتاج إلى خلفية شفافة. نقطة ضعفها الحجم: قد تكون الصورة الفوتوغرافية بصيغة PNG أكبر بعشر مرات من JPG. لا تستخدم PNG أبدًا للصور الفوتوغرافية على موقع ويب.
WebP
صيغة الويب من Google، ويدعمها اليوم كل متصفح حديث. لها وضعان، مع فقدان وبدون فقدان، وتدعم الشفافية في كليهما، كما تدعم الحركة. صيغة WebP مع فقدان أصغر من JPG بنحو 25 إلى 35% عند الجودة نفسها، وWebP بدون فقدان أصغر من PNG بنحو 25%. إنها أفضل صيغة عامة لأي شيء يُعرض في المتصفح. نقطة ضعفها التوافق خارج المتصفح: برامج سطح المكتب القديمة وبعض برامج البريد وكثير من نماذج الرفع لا تزال ترفضها.
AVIF
أحدث منها، وتعتمد على ترميز الفيديو AV1. أصغر عادة من JPG بنحو 50% ومن WebP بنحو 20% عند الجودة نفسها، مع الشفافية والحركة ودعم نطاق ألوان واسع. تدعمها كل المتصفحات الحالية منذ 2024. الترميز بطيء، خصوصًا داخل المتصفح، ولا يزال دعمها في البرامج غير المتصفحات متفاوتًا. استخدمها عندما يكون حجم الملف حاسمًا وتتحكم في بيئة العرض، وقدّم بجانبها نسخة بديلة بصيغة WebP أو JPG.
GIF
تعود إلى عام 1987. محدودة بـ 256 لونًا في كل إطار، وشفافية بلون واحد، وتدعم الحركة، وهذا هو السبب الوحيد لانتشارها حتى الآن. سيئة جدًا للصور الفوتوغرافية، ومقبولة للرسومات البسيطة، ولا تُضاهى في التوافق. للصور الثابتة تؤدي PNG كل ما تؤديه GIF وبشكل أفضل، وللحركة تكون MP4 أو WebP المتحركة أصغر بكثير.
BMP
صورة نقطية من Windows بلا ضغط. ملفات ضخمة، ولا شفافية في الاستخدام المعتاد، ولا ضغط. بقيت فقط لأن قراءتها بسيطة للغاية، وهذا مهم للأجهزة المدمجة والبرامج القديمة. لا تستخدمها أبدًا للويب أو للتخزين.
ICO
صيغة أيقونات Windows وأيقونة الموقع (favicon) في المتصفح. تحتوي على عدة أحجام من الصورة نفسها في ملف واحد حتى يُختار الحجم المناسب لعلامة التبويب أو الإشارة المرجعية أو اختصار سطح المكتب. تُنشأ من صورة PNG باستخدام أداة PNG إلى ICO.
جدول المقارنة
| الصيغة | الضغط | الشفافية | الحركة | حجم الصورة مقارنة بـ JPG | التوافق |
|---|---|---|---|---|---|
| JPG | مع فقدان | لا | لا | 1× | في كل مكان |
| PNG | بدون فقدان | نعم، ألفا كاملة | لا | من 5 إلى 10× | في كل مكان |
| WebP | كلاهما | نعم، ألفا كاملة | نعم | من 0.65 إلى 0.75× | كل المتصفحات ومعظم التطبيقات الحديثة |
| AVIF | كلاهما | نعم، ألفا كاملة | نعم | 0.5× | كل المتصفحات الحالية وقليل من التطبيقات |
| GIF | بدون فقدان، 256 لونًا | نعم، تشغيل/إيقاف | نعم | من 2 إلى 4× (وبجودة أسوأ) | في كل مكان |
| BMP | لا يوجد | لا | لا | من 20 إلى 30× | في كل مكان لكنها نادرة الاستخدام |
أي صيغة لأي مهمة
- الصور الفوتوغرافية على موقع ويب: WebP بجودة 75 إلى 85، مع نسخة JPG بديلة إذا كان عليك دعم متصفحات قديمة جدًا. وAVIF إذا أردت أصغر صفحات ممكنة.
- الشعارات والأيقونات على موقع ويب: SVG إن كانت متوفرة لديك، وإلا فـ PNG أو WebP بدون فقدان.
- لقطات الشاشة: PNG. الضغط مع فقدان يجعل النص ضبابيًا.
- مرفقات البريد الإلكتروني: JPG للصور الفوتوغرافية وPNG للرسومات. لا ترسل WebP، فكثير جدًا من برامج البريد تتعامل معها بشكل خاطئ.
- الطباعة: JPG بجودة 95 أو PNG/TIFF، بدقة 300 بكسل لكل بوصة من الحجم المطبوع.
- وسائل التواصل الاجتماعي: JPG أو PNG. كل منصة تعيد ضغط الصور عند الرفع على أي حال، لذا ارفعها بجودة عالية وبالأبعاد الصحيحة.
- قصاصات المنتجات بخلفية شفافة: PNG لأقصى توافق، وWebP للويب.
- أيقونات المواقع (favicon): ICO مع نسخة PNG للشاشات الرئيسية في الهواتف.
التحويل بين الصيغ
كل تحويل على هذا الموقع يجري داخل متصفحك. أكثر المسارات شيوعًا هي تحويل PNG إلى WebP وتحويل JPG إلى WebP للويب، وتحويل WebP إلى JPG وتحويل WebP إلى PNG من أجل التوافق، وتحويل PNG إلى JPG لتصغير الصور التي صُدّرت بالصيغة الخطأ. وتتعامل أداة ضغط الصور مع أي منها، وتدعم عدة ملفات دفعة واحدة.