تحويل PNG إلى WebP
صغّر لقطات الشاشة والشعارات وصور المنتجات المفرّغة بصيغة PNG على موقعك إلى ملفات WebP تحتفظ بحوافها الشفافة وتُحمَّل في جزء بسيط من الوقت. اختر الضغط بفقدان أو بلا فقدان، ثم حوّل الملفات وارفع النتائج إلى نظام إدارة المحتوى لديك.
محوّل الصور
أو أفلت ملفات JPG, JPEG, JPE … هنا ·
الحد الأقصى 95 MB لكل ملف· حتى 20 ملفًا· تُحذف بعد 30 دقيقة
تُعالج الملفات على خوادمنا وتُحذف بعد 30 دقيقة.
القيمة 85 تُبقي الصور مطابقة للأصل بصرياً. خفّضها فقط عند الحاجة إلى ملف أصغر.
صيغ JPG وBMP وEPS لا تدعم الشفافية. تُملأ البكسلات الشفافة بهذا اللون.
لون سداسي عشري يُستخدم خلف البكسلات الشفافة، مثل #FFFFFF.
هذه الصيغة تحمل صورة واحدة فقط. اختر مخرجات GIF أو WebP إن أردت الاحتفاظ بالحركة.
الأيقونة متعددة الأحجام تحوي عدة دقات في ملف واحد، وتختار المتصفحات وأنظمة التشغيل ما تحتاجه.
أبقِ الأبعاد الأصلية، أو أدخل ضلعاً واحداً وستبقى نسبة الأبعاد.
عدد البكسل للضلع الذي اخترته أعلاه.
نسبة مئوية من الأبعاد الأصلية.
sRGB مناسب للشاشات والويب. أبقِ الأصلي لسير عمل الطباعة؛ ودرجات الرمادي تتخلص من الألوان.
بيانات وصفية فقط، والقيمة 0 تُبقي القيمة الأصلية. تقرأ الطابعات وبعض البوابات هذا الرقم، ولا يغير أبعاد البكسل.
طريقة استخدام هذه الأداة
- 1
أضف ملفات PNG
اسحب ما يصل إلى 20 ملف PNG إلى منطقة الرفع أو اخترها من مجلد. يمكن أن يصل حجم كل ملف إلى 95 MB، وهذا يكفي حتى للتصاميم الأولية الكبيرة جدًا المُصدَّرة.
- 2
اختر الضغط بفقدان أو بلا فقدان
تبدأ الصفحة بقيمة الجودة 80 في الوضع مع الفقد، وهي توازن جيد للصور والرسومات على الويب. فعّل بلا فقد ضمن الإعدادات المتقدمة للأيقونات أو فن البكسل أو لقطات واجهات المستخدم التي يجب أن تبقى مطابقة للبكسل.
- 3
حوّل الملفات واستبدل القديمة
اضغط التحويل إلى WebP ونزّل الملفات واحدًا واحدًا أو في ملف ZIP.
هل يستحق تحويل PNG إلى WebP؟
للصور على موقع إلكتروني، نعم في الغالب. تخرج الصورة نفسها، بما فيها الشفافية، أصغر بكثير عادةً، وتعرضها كل المتصفحات الحالية. احتفظ بـ PNG للملفات التي ما زلت تعدّلها أو ترسلها إلى أشخاص يفتحونها في برامج سطح المكتب.
لماذا يستبدل مطورو المواقع PNG بصيغة WebP
صيغة PNG بلا فقد بطبيعتها: اعتمدها W3C عام 1996 بديلًا لـ GIF خاليًا من براءات الاختراع، ولا تتخلص أبدًا من بيانات البكسل. هذا ممتاز للملف الأصلي، لكنه مُسرف في صفحة الويب، إذ قد تزن رسمة رئيسية بعرض 1600 px محفوظة بصيغة PNG أكثر من جميع السكربتات في الصفحة معًا.
قدّمت Google صيغة WebP عام 2010 لسد هذه الفجوة. فهي توفر محركين في حاوية واحدة: وضع بلا فقد تضعه مقارنة Google المنشورة عند نحو 26% أصغر من PNG، ووضع مع فقد مبني على ترميز الفيديو VP8 وهو أصغر من ذلك. ويحمل الوضعان قناة ألفا كاملة، وهي الميزة التي تُبقي الشعارات وصور المنتجات المقصوصة صالحة للاستخدام على خلفيات ملونة.
تشير أدوات سرعة الصفحات مثل PageSpeed Insights منذ زمن إلى ملفات PNG وJPEG كبيرة الحجم بوصفها توفيرًا سهلًا، وكثيرًا ما تكون مجموعة صور محوَّلة أسرع تحسين يمكنك إجراؤه على Largest Contentful Paint. وإذا احتاجت الصور أيضًا إلى أبعاد جديدة، فمرّرها أولًا على أداة تغيير حجم الصورة ثم حوّلها.
كم يصغر حجم ملف WebP مقارنة بـ PNG
ملف PNG الأصلي
1.2 MB
1600 × 900 · 24 بت مع ألفا، منتج مقصوص
WebP، الجودة 80
190 KB
1600 × 900 · مع فقد مع الحفاظ على قناة ألفا
PNG
رسومات الشبكة المحمولة
PNG هي صيغة نقطية بدون فقدان نشرتها مجموعة PNG Development Group عام 1996 ثم اعتمدها W3C وISO. تحافظ على كل بكسل تمامًا، وتدعم الشفافية الكاملة (ألفا)، وتتعامل مع النص والحواف الحادة والألوان المسطحة دون تشوهات. هذه الدقة تجعلها مثالية للقطات الشاشة والشعارات والأيقونات ورسومات الواجهات. المقابل هو الحجم: الصور الفوتوغرافية المحفوظة بصيغة PNG أكبر غالبًا بعدة أضعاف من الصورة نفسها بصيغة JPEG أو WebP. تفتح ملفات PNG جميع المتصفحات وأنظمة التشغيل والمحررات.
- الضغط
- دون فقدان
- الشفافية
- نعم
- الحركة
- لا
- سنة الظهور
- 1996 · PNG Development Group
WEBP
صورة WebP
WebP صيغة صور أصدرتها Google عام 2010 لتسريع تحميل صفحات الويب. تدعم الضغط مع الفقد وبلا فقد وشفافية ألفا والحركة في صيغة واحدة. تكون ملفات WebP ذات الفقد أصغر عادةً بنسبة 25–35% من JPEG بجودة مرئية مماثلة، وWebP بلا فقد أصغر عادةً من PNG. تدعمها كل المتصفحات الحالية، لكن بعض برامج سطح المكتب الأقدم وخدمات الطباعة ونماذج الرفع ما زالت ترفضها. يفتح Windows وmacOS ومعظم برامج تحرير الصور الحديثة ملفات WebP.
- الضغط
- مع فقدان أو دونه
- الشفافية
- نعم
- الحركة
- نعم
- سنة الظهور
- 2010 · Google
يحوّل أصحاب المواقع PNG إلى WebP لتقليل وزن الصفحة مع الحفاظ على الشفافية؛ أما التحويل من WebP إلى PNG فيكون لتعديل ملف أو فتحه في برنامج لا يقرأ WebP.
الأرقام أعلاه نتيجة نموذجية لصورة فوتوغرافية مقصوصة، وليست وعدًا. تتقلص الرسومات المسطحة أقل في الوضع مع الفقد، وأحيانًا أكثر في الوضع بلا فقد. أما لقطات الشاشة المليئة بالنص فهي الحالة الوحيدة التي قد يُضبّب فيها WebP مع الفقد حواف الحروف؛ فعّل بلا فقد لها وستوفر مساحة دون أي تغيير في البكسلات.
تنتقل الأبعاد والألوان والشفافية دون تغيير، وتحذف إزالة البيانات الوصفية (مفعّلة افتراضيًا) سجل التحرير الذي لا يحتاجه المتصفح.
قبل رفع ملفات WebP إلى موقعك
- احتفظ بملفات PNG الأصلية في مجلد منفصل؛ فـ WebP نسخة للتسليم وليس ملفًا أصليًا للتحرير.
- تأكد من أن نظام إدارة المحتوى لديك يقبل رفع ملفات .webp (يقبلها WordPress ابتداءً من الإصدار 5.8).
- افحص صورة شفافة واحدة على خلفية بيضاء وأخرى داكنة للتأكد من نظافة الحواف.
- حدّث مراجع الصور في HTML أو CSS من .png إلى .webp، أو دع نظام إدارة المحتوى يعيد إنشاء الصور المصغرة.
- قارن وزن الصفحة قبل التحويل وبعده في لوحة الشبكة في المتصفح لتعرف مقدار ما وفّرته.
أسئلة حول تحويل PNG إلى WebP
هل تحتفظ صيغة WebP بالخلفية الشفافة لصورة PNG؟
نعم. يحفظ WebP قناة الشفافية (ألفا) في وضعيه مع الفقد وبلا فقد، فتبقى صور المنتجات المقصوصة والشعارات شفافة. في الوضع مع الفقد تُضغط بكسلات الحواف قليلًا؛ فإذا لاحظت هالة خفيفة حول الشعر الدقيق أو النص، أعد تحويل الملف مع تفعيل بلا فقد. وإذا احتجت العكس لاحقًا، فإن تحويل WebP إلى PNG يعيد ملف PNG قابلًا للتعديل.
هل أختار WebP بفقدان أم بلا فقدان عند تحويل PNG؟
اختر وضع بلا فقد إذا كان ملف PNG واجهة مسطحة أو مخططًا أو شعارًا أو فن بكسل، لأن كل بكسل يبقى كما هو والحجم ينخفض غالبًا مع ذلك. واختر الوضع مع الفقد بجودة من 75 إلى 85 إذا كان PNG في الحقيقة صورة فوتوغرافية أو رسمًا ناعمًا، لأن هنا يكون التوفير الكبير.
ما المتصفحات التي تعرض صور WebP؟
تعرض Chrome وEdge وFirefox وOpera صيغة WebP منذ سنوات، وانضم Safari في الإصدار 14 عام 2020 (على macOS Big Sur أو أحدث وiOS 14). عمليًا تعرضها كل المتصفحات المستخدمة اليوم، لذا يكفي وسم img عادي يشير إلى ملف .webp في معظم المواقع.
هل يقبل WordPress رفع ملفات WebP؟
أضاف WordPress 5.8، الصادر في يوليو 2021، صيغة WebP إلى أنواع الملفات المسموح برفعها في مكتبة الوسائط. ترفض الإصدارات الأقدم الملف ما لم تضف إضافة نوع MIME، فتحقق من إصدارك قبل تحويل مجلد كامل.
لماذا أصبح ملف WebP أكبر من ملف PNG الأصلي؟
يحدث ذلك مع ملفات PNG الصغيرة جدًا التي تستخدم لوحة ألوان مفهرسة من بضعة ألوان، مثل أيقونة من 8 ألوان، لأن PNG فعّال جدًا هنا أصلًا. جرّب بلا فقد لهذه الملفات، وإذا بقيت النتيجة أكبر فاحتفظ بملف PNG؛ فالتوفير يأتي من الصور الأكبر والأكثر ألوانًا.
هل يمكنني تحويل مجلد كامل من صور PNG إلى WebP دفعة واحدة؟
تُعالج حتى 20 ملفًا في كل مرة، بحجم يصل إلى 95 MB لكل ملف، وتعود معًا في ملف ZIP. للمجلدات الأكبر كرر العملية على دفعات من 20 ملفًا؛ لا يوجد حد يومي، وتُمسح الملفات المرفوعة تلقائيًا بعد 30 دقيقة.
المزيد من أدوات WebP و PNG
- تحويل JPG إلى WebPحوّل JPG إلى WebP لصفحات أسرع: حجم أقل بنحو الربع إلى الثلث بالمظهر نفسه. حتى 20 صورة دفعة واحدة، واختر الجودة، دون حساب.
- تحويل الصور إلى WebPحوّل صور JPG وPNG وGIF وHEIC وTIFF وSVG وRAW إلى WebP دفعة واحدة. الجودة 80 افتراضيًا، مع الحفاظ على الشفافية والحركة، ودون حساب.
- تحويل PNG إلى AVIFحوّل PNG إلى AVIF، صيغة الصور المبنية على AV1: مع الحفاظ على الشفافية، بضغط مع فقدان أو بدونه، وتعرضها Chrome وFirefox وSafari وEdge. حتى 20 ملفًا.
- تحويل WebP إلى PNGحوّل WebP إلى PNG دون فقدان الشفافية. تحتفظ الشعارات والملصقات والصور المفرغة بحوافها الشفافة، ومن WebP المتحرك تأخذ الإطار الأول أو كل الإطارات.
- تحويل PNG إلى JPGحوّل PNG إلى JPG لتقليل حجم الملف للبريد والنماذج وطباعة الصور. تُملأ المناطق الشفافة بالأبيض أو الأسود أو أي لون تختاره. حتى 20 ملفًا دفعة واحدة.
- تحويل AVIF إلى WebPحوّل AVIF إلى WebP حين لا يدعم المتصفح أو الإضافة أو الاستضافة صيغة AVIF. تبقى الشفافية، مع إخراج بفقدان أو دونه و20 صورة في كل دفعة.