JPG أم PNG أم WebP أم AVIF: اختيار تنسيق الصورة

ToolMixo · آخر مراجعة:

ابدأ بتحديد ما تريد الحفاظ عليه. يحافظ PNG على النص الحاد والشفافية دون فقد. يناسب JPG الصور الفوتوغرافية لكنه يستبدل الشفافية بلون صلب. يدعم WebP الشفافية وغالبًا يقلل الحجم. يضغط AVIF الصور بكفاءة لكنه قد يستغرق وقتًا أطول.

قارن النتائج بالأبعاد نفسها. قلّل صورة بعرض 4000 بكسل إلى عرضها الفعلي في الصفحة قبل مقارنة JPG وWebP. راجع الوجوه والنصوص الصغيرة والحواف بحجم العرض الطبيعي. احتفظ بالأصل: تحويل JPG منخفض الجودة إلى PNG لا يستعيد التفاصيل.

مقارنة الخيارات

الصيغةالاستخدام المناسبما يجب التحقق منه
JPGالصور الفوتوغرافية والتوافق الواسعلا يدعم الشفافية؛ قد تفقد التفاصيل عند التصدير المتكرر
PNGلقطات الشاشة والنصوص والرسومات الشفافةحواف واضحة، لكن ملفات الصور قد تكون كبيرة
WebPصور الويب مع الشفافية أو بدونهاقارن الجودة وتحقق من قبول الصيغة في الوجهة
AVIFتقليل حجم الصور الفوتوغرافيةافحص التفاصيل وراعِ وقت الترميز

مثال عملي

إذا كانت صورة بأبعاد 4000 × 3000 ستُعرض بعرض 1200 بكسل، فغيّر أبعاد نسخة إلى 1200 × 900. صدّر النسخة نفسها بصيغتي JPG وWebP ثم قارن الحجم بالبايت والتفاصيل الظاهرة. احتفظ بالأصل، واختر AVIF فقط إذا كانت الوجهة تقبله.

قبل النشر أو الرفع

  1. تحقق من الصيغة والأبعاد وحد الحجم بالبايت لدى الوجهة.
  2. للحفاظ على الشفافية اختر PNG أو WebP؛ تحتاج JPG إلى خلفية بلون ثابت.
  3. افحص الملف المنزّل بحجم العرض المطلوب. يدعم المحوّل إدخال SVG، لكنه لا يحوّل الصور النقطية إلى رسومات SVG متجهة.

المصادر والمراجع

MDN · Image formats