المركز الأول - WEBP. كقاعدة عامة ، بالنسبة للصورة “standard” غير المتجهية ، فإن أصغر نوع صور تدعمه جميع المتصفحات الحديثة هو نوع WEBP من الجيل الجديد - القادر على تقليص أحجام ملفات الصور بنسبة 30٪ أكثر من JPEG (مع الحفاظ على نفس مؤشر جودة SSIM) ، وبنسبة 90٪ أكثر من صور PNG مع الاحتفاظ بمظهر عالي الجودة مشابه.

المركز الثاني - يقع نوع صورة JPEG بين WEBP و PNG من حيث ضغط حجم الملف.

المركز الثالث - ينتج PNG عموما ملفات أكبر حجما. هناك بالطبع استثناءات حسب تفاصيل الصورة.

مقارنة أحجام الصور (والجودة) النسبية لأنواع الصور PNG و JPEG و WEBP:

شرح ضغط الصور

هل تريد معرفة المزيد عن الضغط؟ يرجى مراجعة الأقسام التالية لمزيد من التفاصيل:

• شرح ضغط PNG
• شرح ضغط JPEG
• شرح ضغط GIF

شرح تحويل الصورة

هل تريد معرفة المزيد حول متى ولماذا وكيف يتم التحويل بين أنواع الصور المختلفة؟ يرجى مراجعة الأقسام التالية لمزيد من التفاصيل:

• PNG مقابل JPEG - الجودة مقابل الضغط
• JPEG مقابل WEBP - عام مقابل الجيل الجديد

1. اسحب وأسقط صورة (صور) PNG في أي مكان بالصفحة واختر تحويل الصورة (الصور) إلى JPEG.
2. سيتم تحويل صورتك (صورك) PNG على الفور كمجموعة إلى ملفات JPEG محسنة ، مما يؤدي إلى تقليص حجم الملف بشكل كبير.
3. في معظم الحالات ، تكون صور PNG المحولة إلى JPEG أصغر حجمًا بنسبة 90٪.

هناك حالات محددة عندما يكون من الأفضل استخدام JPEG أو PNG ، حسب احتياجاتك.

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

عندما يكون JPEG هو الأفضل

نوع JPEG مناسب بشكل خاص للصور الفوتوغرافية وصور “real-world” حيث يمكن من توفير درجة عالية جدًا من ضغط البيانات ، بينما لا تزال العين البشرية غير قادرة على إدراك الضوضاء الناتجة عن فقدان البيانات.

عندما يكون PNG هو الأفضل

من ناحية أخرى ، تحتوي PNG على بيانات ضغط كاملة (لا تفقد البيانات) ، وهي أكثر ملاءمة لكل من:

• ضغط صور الأيقونات الصغيرة (للصور ذات 64 بكسل ، يتم ضغط PNG بشكل أفضل من JPEG في هذه المقاييس) ، أو
• لقطات الشاشة أو الصور التوضيحية أو المخططات أو الصور الأخرى حيث تكون جودة الصورة وتقليل التشويش أكثر أهمية من حجم الملف.

رسم توضيحي للتشويش الملموسة الناتجة عن ضغط JPEG مع خسائر مقابل ضغط PNG بدون خسائر

عندما يصبح تقليل حجم ملف الصورة أحد الاعتبارات المهمة ، على سبيل المثال ، الصور على صفحات الويب ، يجب أن تفكر دائمًا في تحويل PNG إلى JPEG (أو WEBP).

تعتبر أوقات التحميل مهمة بالنسبة لـ UX و SEO ، وتشغل الصور متوسط ​​50٪ من إجمالي وزن صفحة الويب ، وتحتل جزءًا كبيرًا من أوقات تحميل الصفحة. كلما كان الموقع أسرع ، زاد تفاعل المستخدمين معه ، وكلما زادت سهولة فهرسته ، كلما زاد ترتيبه على Google.

1. قم بسحب وإسقاط صورة (صور) JPEG (أو PNG) الخاصة بك في أي مكان على الصفحة وسيتم تحويلها على الفور إلى صور WEPB محسنة ، مما يؤدي إلى تقليل حجم الملف بشكل كبير.
2. في معظم الحالات ، ستحقق الصور المحولة إلى WEBP أقصى ضغط ممكن دون أي خسارة ملحوظة في جودة الصورة.

في جميع المقاييس المهمة على الويب تقريبًا ، يعد WEBP أفضل من JPEG:

1. يوفر WEBP نسبة جودة/حجم أفضل بكثير مع ضغط حجم ملف أفضل بنسبة 30٪ تقريبًا مقارنتا ب JPEG.
2. أثناء الضغط إلى ملفات أصغر بكثير من JPEG ، لا يزال WEBP يقدم جودة مرئية متطابقة إلى JPEG.
3. يدعم WEBP الرسوم المتحركة - JPEG لا يدعمها.
4. يدعم WEBP شفافية ألفا - بينما JPEG لا يدعمها.
5. يدعم WEBP التحميل التدريجي - بينما JPEG لا يدعمها.
6. WEBP مدعوم من قبل جميع المتصفحات الحديثة الرئيسية.
7. يدعم WEBP كلاً من ضغط الصور بدون خسائر ، وضغط الصور مع فقدان البيانات - بينما يكون ضغط JPEG دائمًا بخسائر.

تم تطوير نوع صورة WEBP بواسطة google ، وعلى الرغم من أن عمره بالفعل بضع سنوات ، إلا أنه لا يزال يعتبر نوع الصور من الجيل التالي الأفضل على الويب. غير أن هناك بعض التحذيرات ، فيما يتعلق بلاستخدام الغير متعلق بالإنترنت:

1. نظرًا لأنه نوع صور أحدث كثيرًا من نوع JPEG ، فإن WEBP غير مدعوم من قبل Microsoft Office والعديد من تطبيقات أخرى مستخدمة على نطاق واسع.
2. JPEG هو نوع الصور الأكثر انتشارًا ، ويضمن فعليًا الدعم عبر مجموعة واسعة من التطبيقات والأنظمة.

يحمل WEBP مزايا متعددة مقارنة بـ JPEG:

1. ضغط متفوق
2. يدعم الشفافية ألفا
3. يقبل الرسوم المتحركة

أمثلة على رسوم متحركة WEBP وسمات شفافية ألفا :