Toolyard

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

الخلاصة

الصيغةالأنسب لـ
JPGالصور لمشاركتها أو رفعها إلى أي مكان
PNGلقطات الشاشة والشعارات والنصوص وكل ما فيه شفافية
WebPصور المواقع: أصغر من الاثنتين وتدعم الشفافية
AVIFأصغر صور الويب، حين لا يهم التوافق
HEICحفظ الصور على أجهزة Apple
GIFالرسوم المتحركة القصيرة والبسيطة

JPG

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

PNG

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

WebP

WebP، الذي أنشأته Google، أصغر عادةً من JPG بنسبة 25–35% بالجودة نفسها ويدعم الشفافية والحركة. تعرضه كل المتصفحات الحالية، لكن بعض التطبيقات القديمة ونماذج الرفع ترفضه؛ وWebP إلى JPG يحل ذلك.

AVIF

AVIF أحدث وأصغر حتى. تفتحه الإصدارات الحالية من Chrome وEdge وFirefox وSafari، لكن كثيرًا من البرامج الأخرى لا تفتحه بعد.

HEIC

HEIC هي الصيغة التي يحفظ بها iPhone الصور. حجمها نحو نصف JPG، لكن Windows وكثيرًا من المواقع لا تستطيع فتحها دون مساعدة؛ وHEIC إلى JPG يحوّلها.

GIF

GIF محدود بـ 256 لونًا، فهو يصلح للرسوم المتحركة البسيطة أكثر من الصور. ولمقاطع الفيديو، يختار فيديو إلى GIF أفضل 256 لونًا لكل مقطع.

الصور نفسها بكل صيغة

أحجام نموذجية لصورة 1200 × 800، تختلف بحسب المحتوى:

الصيغةصورة فوتوغرافيةلقطة شاشة فيها نص
PNG2 MB90 KB
JPG، جودة 80180 KB250 KB، بحواف متسخة
WebP، جودة 80120 KB60 KB

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

أخطاء شائعة

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

أدوات هذا الدليل

مزيد من الأدلة