JPG أم PNG أم WebP: أي صيغة تستخدم؟

باختصار: الصور الفوتوغرافية بصيغة JPG أو WebP، والرسومات والشفافية بصيغة PNG أو WebP. وقبل التحول إلى WebP، تأكّد أن المكان الذي ترفع إليه يقبلها.

تخزّن صيغة JPG (وتُكتب أيضًا JPEG) الصور الفوتوغرافية بحجم صغير عبر التخلص من التفاصيل الدقيقة التي نادرًا ما تلاحظها العين. ويقبلها كل موقع وتطبيق وخدمة بريد إلكتروني ومنصة بيع تقريبًا، ما يجعلها الخيار الأكثر أمانًا حين لا تكون متأكدًا.

نقاط ضعفها هي الحواف الحادة والمساحات ذات اللون الموحّد. فالنصوص والرسوم الخطية ولقطات الشاشة تظهر حولها هالات ضبابية، ولا تدعم JPG الشفافية. وفي كل مرة تُعدَّل فيها صورة JPG وتُحفظ من جديد تفقد قليلًا من جودتها، لذا احتفظ بالأصل وصدّر منه.

لتصغير ملف JPG دون تغيير صيغته، استخدم أداة ضغط الصور؛ ولتجربة WebP، استخدم JPG إلى WebP.

صيغة PNG بلا فقدان: يُحفظ كل بكسل كما هو تمامًا. وهذا يجعلها مناسبة للشعارات والأيقونات ولقطات شاشة الواجهات وكل ما يحتوي على نص، كما أنها تدعم الشفافية الكاملة، بما في ذلك الحواف الناعمة والظلال.

الثمن هو الحجم. فالصورة الفوتوغرافية المحفوظة بصيغة PNG أكبر عادةً بعدة أضعاف من ملف JPG جيد. وفي Web Almanac لعام 2024 الصادر عن HTTP Archive، استخدم ملف PNG الوسيط على الويب 3.8 بت لكل بكسل، مقابل 2.0 لـJPG و1.3 لـWebP.

إذا كان ملف PNG يحتوي على صورة فوتوغرافية، فحوّله. وإذا كان يحتوي على رسم، فاضغطه بصيغة PNG، أو جرّب PNG إلى WebP التي تحافظ على الشفافية.

صمّمت Google صيغة WebP للويب، وهي تعمل بالطريقتين: مع فقدان مثل JPG أو بلا فقدان مثل PNG، مع دعم الشفافية في الحالتين. وتذكر Google أن ملفات WebP بلا فقدان أصغر بنسبة 26% من ملفات PNG، وأن ملفات WebP مع فقدان أصغر بنسبة 25–34% من ملفات JPG المماثلة.

تعرض كل المتصفحات الرئيسية الحالية صيغة WebP: نحو 97% من المتصفحات المستخدمة، ومنها Safari منذ الإصدار 14. لكن العقبة خارج المتصفح. فبعض المنصات لا تزال لا تقبل رفع ملفات WebP: إذ تذكر Amazon وEtsy وMailchimp مثلًا صيغتي JPG وPNG دون WebP.

والتحويل ليس مكسبًا مضمونًا أيضًا. فقد يكون الشعار البسيط أو لقطة الشاشة قليلة الألوان أصغر بصيغة PNG. حوّل، وقارن بين الملفين، واحتفظ بالأصغر.

1. 01هل تحتاج الصورة إلى شفافية؟ استخدم PNG، أو WebP حيث تُقبل.
2. 02هل هي صورة فوتوغرافية أو صورة واقعية؟ استخدم JPG، أو WebP على موقعك الخاص.
3. 03هل هي لقطة شاشة أو مخطط أو شعار أو نص؟ استخدم PNG، ثم جرّب WebP وقارن بين الملفين.
4. 04أين ستُرفع؟ تأكّد أن المنصة تقبل الصيغة؛ وإن لم تكن تقبلها، فالتزم بـJPG أو PNG.
5. 05اضغط الملف النهائي، أيًّا كانت صيغته.

لمعرفة المقاسات والحدود الخاصة بمنصات بعينها، راجع متطلبات حجم الصور للبريد الإلكتروني والمتاجر الإلكترونية.

AVIF صيغة أحدث قد تكون ملفاتها أصغر من ذلك أيضًا، لكن إنشاءها أبطأ، والأدوات والمنصات التي تقبلها أقل. ولا تزال نادرة على الويب: ففي Web Almanac لعام 2025، شكّلت AVIF نسبة 0.7% من صور LCP، مقابل 11% لـWebP و26% لـPNG و57% لـJPG. وبالنسبة لمعظم المواقع اليوم، تغطي JPG وPNG وWebP كل الاحتياجات.

• حفظ الصور الفوتوغرافية بصيغة PNG من أجل الجودة. تحافظ PNG على التفاصيل الموجودة أصلًا لكنها لا تضيف أي تفاصيل جديدة، ويتضخم الملف عدة أضعاف.
• تحويل JPG إلى PNG لإصلاح الحواف الضبابية. الضرر موجود بالفعل في ملف JPG؛ ارجع إلى الأصل بدلًا من ذلك.
• تحويل كل شيء إلى WebP دون التحقق. قد يرحّب بها موقعك، بينما ترفضها منصة متجرك أو أداة البريد الإلكتروني.
• التوقف بعد اختيار الصيغة. الصيغة تحدد نقطة البداية، وضغط الملف النهائي يتكفّل بالباقي.

التالي: كيف تضغط الصور لموقع ويب، خطوة بخطوة.