جارٍ تحميل ملفاتك…

حوّل PNG إلى WebP

حوّل PNG إلى WebP مع الحفاظ على الشفافية وحجم ملف أصغر.

أو أسقط الصورة هنا

كيفية تحويل PNG إلى WebP

كيفية تحويل PNG إلى WebP

أفلِت صورة PNG على منطقة الرفع، أو انقر لاختيار ملف من جهازك. يبدأ التحويل لحظة وصول الملف، دون زر تحويل تضغطه. تظهر النتيجة في أقل من ثانية بكثير للصور المعتادة. وعند جاهزيتها يحفظ زر التنزيل ملف WebP باسم الملف الأصلي مع تغيير الامتداد. تحويل صورة واحدة يجري في متصفحك، أما عدة صور دفعة واحدة فتُرسَل إلى خادمنا. يعمل المسار البرمجي نفسه على متصفحات الحاسب والهاتف دون تثبيت أي تطبيق. ولتحويل صورة أخرى أفلِت صورة PNG التالية. وتُعالَج صورة PNG المتحركة كإطار ساكن واحد من الصورة الأولى في التسلسل.

البكسلات الشفافة تعبر إلى WebP

البكسلات الشفافة تعبر إلى WebP

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

أسباب التحول من PNG إلى WebP

أسباب التحول من PNG إلى WebP

الفائدة الأساسية ملف أصغر بكثير مع بقاء الشفافية والجودة البصرية سليمتين. ووفق وثائق WebP الرسمية من Google، فإن WebP عديم الفقد أصغر بنحو ستة وعشرين بالمئة من PNG المكافئ، وWebP بضياع طفيف مع ألفا أصغر بنحو ثلاثة أضعاف من PNG مماثل. الصور الأصغر تُحمَّل أسرع، وهذا يحسّن مباشرة مقياس Largest Contentful Paint، أحد مؤشرات Core Web Vitals من Google وإشارة ترتيب معروفة. ويشير PageSpeed Insights إلى PNG كفرصة لتقديم الصور بصيغ الجيل التالي في تدقيقه، والانتقال إلى WebP يحل تلك التوصية. ودعم المتصفحات لـ WebP شامل، إذ يتعامل معه Chrome وFirefox وSafari وEdge جميعها بشكل أصيل.

إعدادات الجودة ومقايضة الضياع الطفيف

إعدادات الجودة ومقايضة الضياع الطفيف

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

أين تُعالَج صورة PNG الخاصة بك

أين تُعالَج صورة PNG الخاصة بك

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

متى تبقى صورة PNG الأصلية الخيار الصحيح

متى تبقى صورة PNG الأصلية الخيار الصحيح

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

كيف يعمل

  1. أفلِت صورة PNG أو اخترها

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

  2. انتظر التحويل التلقائي

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

  3. تحقق من حجم الناتج

    يعرض زر التنزيل حجم الملف الناتج. تبقى المناطق الشفافة شفافة في WebP، وينبغي أن يكون الملف أصغر بوضوح من صورة PNG المصدر.

  4. نزّل ملف WebP

    انقر على التنزيل لحفظ الملف. يبقى اسم الملف الأصلي مع تغيير الامتداد إلى ‎.webp. ولتحويل صورة PNG أخرى أفلِتها على الصفحة، ويجري كل ملف على حدة.

محوّلات ذات صلة

إذا احتجت الاتجاه المعاكس أو أردت استكشاف تنسيقات أخرى، فهذه الأدوات جاهزة.

الأسئلة الشائعة

هل تبقى الشفافية محفوظة عند تحويل PNG إلى WebP؟

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

لماذا تحوّل PNG إلى WebP؟

لأن الملفات الأصغر تعني صفحات أسرع في التحميل. WebP هو أحد أكثر الطرق مباشرةً لتسريع عرض الموقع دون المساس بالجودة البصرية أو الشفافية. وفق وثائق WebP من Google، فإن WebP بفقدان طفيف مع ألفا قد يكون أصغر بنحو ثلاثة أضعاف من PNG مماثل. الصور الخفيفة تقلّص وقت انتظار الزائر، والفرق يكون أوضح على شبكات الهاتف المحمول البطيئة. Chrome وFirefox وSafari وEdge جميعها تدعم WebP بشكل أصيل.

هل يفقد تحويل PNG إلى WebP بعض الجودة؟

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

كم يصغر WebP مقارنة بـ PNG؟

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

هل تحويل PNG إلى WebP هنا آمن؟

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

هل يعمل WebP في كل المتصفحات؟

نعم. WebP مدعوم بشكل أصيل في Chrome وFirefox وSafari وEdge، ما يغطي الأغلبية الكبرى من المتصفحات المستعملة فعليًا. وقد صار الدعم شاملًا منذ Safari 14 في عام 2020. وإذا كنت تبني لجمهور قد يضم متصفحات قديمة جدًا أو عروض ويب مضمّنة، فإن PNG يبقى الخيار الأكثر أمانًا. ولأي جمهور يستعمل متصفحات حديثة من السنوات الخمس الأخيرة يعمل WebP بموثوقية. ويمكنك التحقق من الدعم لكل متصفح في مدخل WebP على caniuse.com.

التفاصيل

ملاحظات من الفريق حول الحرفية والتنسيقات والقرارات الصغيرة وراء نتيجة جيدة.

كيف يبلغ WebP أحجامًا أصغر من PNG
يعمل WebP بنمطي ضغط متمايزين. النمط عديم الفقد يجمع بين التنبؤ المكاني واللوني ومرحلة ترميز إنتروبي أكثر تطورًا من DEFLATE في PNG، فيبلغ نسب ضغط أفضل بنحو ستة وعشرين بالمئة على الصور المعتادة وفق قياس Google المنشور. والنمط بضياع طفيف يطبّق تحويلًا قائمًا على الكتل شبيهًا بضغط الفيديو، مصممًا لإسقاط المعلومات غير المهمة إدراكيًا مع حفظ ما تراه العين فعلًا. وللصور ذات قناة ألفا، يستعمل WebP ضغطًا فرعيًا عديم الفقد منفصلًا لبيانات ألفا بينما يطبّق ضغطًا بضياع طفيف على بيانات RGB، ولهذا قد يكون WebP بضياع طفيف مع شفافية أصغر بنحو ثلاثة أضعاف من PNG عند جودة بصرية مكافئة. وDEFLATE في PNG عديم الفقد فقط ولا يستطيع استثمار المقايضة الإدراكية التي يستغلها النمط بضياع طفيف. فرق الصيغة هو ما يفسّر الفجوة.
قناة ألفا بالتفصيل
يدعم كل من PNG وWebP شفافية ألفا بثمانية بتات، ما يعني أن كل بكسل يمكن أن يحمل قيمة عتامة من صفر للشفاف تمامًا إلى مئتين وخمسة وخمسين للمعتم تمامًا. وحين يعيد محرك الصور في المنصة حفظ PNG بصيغة WebP، يقرأ قيم RGBA لكل بكسل ويمرّر قيم ألفا مباشرة إلى مرحلة ضغط WebP، حيث تُحفظ بضغط عديم الفقد بصرف النظر عن كيفية ترميز بيانات RGB. والنتيجة أن كل بكسل شفاف في PNG عند ألفا صفر، وكل بكسل نصف شفاف بين واحد ومئتين وأربعة وخمسين، وكل بكسل معتم عند مئتين وخمسة وخمسين، يقابل الحالة ذاتها تمامًا في WebP. ولشعار ذي ظل ناعم أو نص مصقول الحواف على خلفية شفافة، تنجو نعومة الحواف سليمة. ويتباين هذا مع JPG الذي لا يملك حقل ألفا في مواصفة حاويته وعليه دمج الصورة فوق لون خلفية قبل الترميز.
Core Web Vitals واختيار صيغة الصورة
يقيس Largest Contentful Paint المدة التي يستغرقها أكبر عنصر مرئي في الصفحة كي يظهر داخل إطار العرض. ولمعظم صفحات المحتوى يكون ذلك العنصر صورة البطل، وتستعمل Google مقياس LCP إشارة ترتيب ضمن تقييم Core Web Vitals. وصور PNG مصدر متكرر لإخفاقات LCP بسبب حجم ملفها، إذ قد تزن صورة PNG فوتوغرافية بدقة 4K عدة ميغابايتات بينما يكون WebP المكافئ عند جودة شبه عديم الفقد جزءًا يسيرًا من ذلك. ويشير PageSpeed Insights إلى هذا تحديدًا في بند تدقيق تقديم الصور بصيغ الجيل التالي، ويدرج PNG بوصفه الصيغة المستهدفة للاستبدال. وتحويل صور PNG التي تظهر في مسارات العرض الحرجة إلى WebP من أعلى التغييرات المفردة مردودًا لتحسين أداء الصفحة المقيس. وجدول دعم المتصفحات يجعل ذلك آمنًا، إذ أضاف Chrome صيغة WebP في 2011 وFirefox في 2019 وSafari في 2020 وEdge منذ إعادة بنائه على Chromium.
الناتج بضياع طفيف وضبط شبه عديم الفقد
يتيح حفظ WebP معامل جودة من صفر إلى مئة، حيث تحفظ القيم الأعلى تفصيلًا أكثر مقابل ملفات أكبر. وتحفظ هذه الأداة عند ضبط ثابت شبه عديم الفقد منغَّم لموازنة الإخلاص البصري مع حجم الملف عبر فئات أصول الويب المعتادة من صور فوتوغرافية ورسوم واجهات وأيقونات. عند هذا الضبط يكون الناتج غير متمايز إدراكيًا عن صورة PNG المصدر على مسافات عرض الشاشة المعتادة. وتقنيًا يضيع قدر من الدقة على مستوى البِت مقارنة بحفظ عديم الفقد حقيقي، ما يعني أن مقارنة على مستوى البايت بين بكسلات WebP المفكوكة وبكسلات PNG الأصلية ستُظهر فروقًا رقمية صغيرة، كلها دون عتبة الإدراك البشري في المادة الفوتوغرافية. وللتصوير الطبي أو تصوير الأقمار الصناعية أو الحفظ الرقمي الأرشيفي حيث الإخلاص عديم الفقد شرط صارم، الصواب أن تحتفظ بصورة PNG وتعامل WebP محض نسخة تصدير لا نسخة عمل.
سلوك البيانات الوصفية
يكنس المسار المستعمل في تحويل PNG إلى WebP حقول EXIF وIPTC وXMP من الناتج، وهو ما تفعله محركات المتصفحات الثلاثة الكبرى جميعها. وعند ملفات الألوان تختلف المحركات، إذ يبقي Chrome وSafari وسم ملف ICC من نوع sRGB راكبًا على WebP، بينما يمحو Firefox كل ذلك بما فيه ملف ICC. والنتيجة الصافية أن WebP يُقرأ آمنًا لـ sRGB في كل مكان، غير أن وسم نطاق لوني واسع كـ Display-P3 أو Adobe RGB أو ProPhoto RGB قائم على PNG المصدر لن يدوم عبر Firefox. وتعض هذه الفجوة في العمل المهني الحساس للون، فإذا وجب أن يرافق إخلاص اللون الحقيقي الصورة، اختر محوّلًا يكتب بيانات ICC عمدًا، أو أعد وسم الملف لاحقًا عبر محرر بيانات وصفية مبني لهذا الغرض.
متى تبقى على PNG ومتى يكفي WebP
القرار سريع. إذا كانت الصورة في نهايتها متجهة إلى صفحة ويب أو تطبيق ويب والعارض أي متصفح من عام 2020 فصاعدًا، فإن WebP هو التصدير الصحيح. وإذا وجب أن تُفتح داخل تطبيق تصميم كـ Figma أو Sketch أو Affinity Designer، تحقق من دعم WebP في إصدارك تحديدًا أولًا، فهو متفاوت. وإذا كانت متجهة إلى الطباعة، فاعتمد PNG أو TIFF لأن معظم معالجات الطباعة تتجاهل WebP. وإذا كانت ستخرج عبر البريد، فإن PNG أأمن نظرًا لتذبذب عملاء البريد مع الصيغ الحديثة. وإذا كانت ملف عمل ستحرره وتعيد حفظه مرارًا وتكرارًا، فاحتفظ بـ PNG كنسخة أصلية. وWebP عند جودة شبه عديم الفقد صيغة توصيل ممتازة، بينما يبقى PNG الأفضل للأرشفة والتحرير. وسير العمل النظيف يبقي PNG أصلًا ويشحن WebP إلى الويب.