JPG، PNG، أو WebP؟ دليل عملي لتنسيقات الصور

JPG وPNG وWebP هي ثلاث إجابات لنفس السؤال: كيف يجب تخزين هذه الصورة؟ كل واحد جيد في شيء مختلف. يستغرق الاختيار الجيد حوالي عشر ثوانٍ بمجرد أن تعرف ما تنظر إليه، وعادةً ما يكون الأمر أكثر أهمية من إعداد الجودة الذي تختاره بعد ذلك.

النسخة القصيرة

إذا كنت تتذكر سطرًا واحدًا فقط: استخدم JPEG أو WebP للصور الفوتوغرافية، وPNG لأي شيء ذي حواف واضحة أو خلفية شفافة.

JPEG: لا يزال الخيار الافتراضي للصور الفوتوغرافية

JPEG هو تنسيق ضائع. فهو ينظر إلى صورة في كتل صغيرة ويخزن صورة تقريبية، متجاهلاً التفاصيل الأقل وضوحًا للعين البشرية. بالنسبة للصور الفوتوغرافية - التي تحتوي على تدرجات ناعمة وملمس وبدون حواف مستقيمة تمامًا - فإن هذه المقايضة ممتازة. يمكن أن تصبح الصورة الكبيرة ملفًا صغيرًا دون تغيير واضح في حجم العرض العادي.

التنسيق متوافق أيضًا بشكل غير عادي. يمكن لكل متصفح وهاتف وطابعة صور وأداة مستندات فتح ملف JPEG. إذا كان الملف يجب أن يعمل في كل مكان دون أي تفسير، فإن JPEG هو الخيار الآمن.

ونقاط ضعفها معروفة بنفس القدر. ليس لديها الشفافية. إنه ضعيف في الخطوط والنصوص الحادة، حيث يمكن أن يؤدي الضغط إلى إنشاء هالات وبقع ممتلئة. وهو يتعرض للخسارة عند كل عملية حفظ، لذا فإن تحرير نفس ملف JPEG وتصديره بشكل متكرر يؤدي إلى تدهوره تدريجيًا. احتفظ بالأصل وقم بالتصدير مرة واحدة.

PNG: حواف نظيفة وشفافية

PNG بلا فقدان. الصورة التي تحفظها هي الصورة التي تستعيدها، بكسل ببكسل. وهذا يجعله الخيار الصحيح للقطات الشاشة والرسوم البيانية والشعارات والأيقونات ورسومات الواجهة - المحتوى الذي تكون فيه الحواف الواضحة مهمة وحيث يميل برنامج التشفير المفقود إلى ترك ضرر واضح.

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

هناك استثناء شائع: لقطة الشاشة التي تكون في الغالب صورة فوتوغرافية. على سبيل المثال، قد تكون لقطة شاشة عارض الصور بملء الشاشة أكثر كفاءة من JPEG. الحكم على المحتوى، وليس حقيقة أنه جاء من لقطة الشاشة.

WebP: الوسط المرن

تم تصميم WebP للويب ويمكن أن يعمل في كلا الوضعين مع فقدان البيانات وبدون فقدانها، مع الشفافية في أي منهما. في حالة الجودة المماثلة، غالبًا ما يكون ملف WebP المفقود أصغر من ملف JPEG، خاصة في إعدادات الجودة المنخفضة. وهو يدعم الرسوم المتحركة أيضًا، على الرغم من أن ذلك لا يتعلق بأدوات الصور الثابتة.

أصبح دعم المتصفح الآن واسع النطاق عبر Chrome وFirefox وSafari وEdge. المشكلة هي عالم البرامج الأوسع: تطبيقات سطح المكتب القديمة، وبعض عملاء البريد الإلكتروني، وبعض أنظمة إدارة المحتوى قد لا تقبل ملف .webp. إذا كنت تقوم بالنشر على موقع ويب حديث، فإن WebP هو الإعداد الافتراضي القوي. إذا كنت ترسل صورة إلى شخص سيفتحها في برنامج غير مألوف، فإن JPEG أو PNG هو الخيار الأقل خطورة.

يمكن أن تكون التنسيقات الأحدث مثل AVIF أصغر حجمًا، لكن الدعم أقل عالمية والتشفير أبطأ. بالنسبة للعمل اليومي، فإن الفرق بين WebP الجيد وAVIF نادرًا ما يستحق طرح أسئلة التوافق.

فخ الشفافية

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

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

لا يؤدي التحويل العكسي — JPEG إلى PNG — إلى إنشاء شفافية. فهو يقوم فقط بتغليف نفس وحدات البكسل المعتمة في حاوية غير قابلة للفقدان، مما يجعل الملف أكبر حجمًا دون استعادة أي تفاصيل.

الاختيار دون المبالغة في التفكير

1. هل هي صورة أم مسح ضوئي بنغمات مستمرة؟ استخدم JPEG أو WebP إذا كان مخصصًا لموقع ويب حديث.
2. هل يحتاج الأمر إلى الشفافية؟ استخدم PNG أو WebP. أبدا JPEG.
3. هل يحتوي على نص أو حواف حادة أو ألوان مسطحة؟ استخدم PNG أو WebP بدون فقدان البيانات. سيؤدي فقدان JPEG إلى جعل الحواف تبدو متسخة.
4. هل سيفتحه شخص ما في برنامج غير معروف؟ تفضل JPEG للصور وPNG للرسومات. التوافق يتفوق على الفوز بالحجم الهامشي.
5. هل هي صغيرة بالفعل؟ اتركه وشأنه. عادةً لا يستحق تحويل رسم بحجم 40 كيلو بايت لتحقيق توفير 5 كيلو بايت المخاطرة بفقدان الجودة.

بمجرد اختيار التنسيق، قم بتغيير حجم الصورة إلى حجم العرض الخاص بها وقم بتعيين جودة معقولة. دليلنا ل ضغط الصور للويب يمشي من خلال الإعدادات.

ما التحويل لا يمكن إصلاحه

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

العمل دائمًا من أفضل مصدر متاح. يعد التحويل ذهابًا وإيابًا بين التنسيقات طريقة شائعة لجعل الصورة أسوأ مع الاعتقاد بأنك تقوم بتحسينها.

ال محول التنسيق يتعامل مع JPG وPNG وWebP في المتصفح. فهو يحافظ على الشفافية عندما تدعمها الوجهة، ويملأ خلفيات JPEG باللون الأبيض، ويتيح لك ضبط الجودة للتنسيقات المفقودة. إخراج PNG بلا فقدان. تؤدي إعادة الترميز أيضًا إلى إزالة البيانات التعريفية المضمنة مثل تفاصيل الكاميرا وموقع GPS. إذا كنت بحاجة إلى تلك البيانات الوصفية، فاحتفظ بالملف الأصلي.

هل تفضل رؤيته على أرض الواقع؟ تحويل صورة محليا- لا يوجد تحميل ولا حساب.