استبدل بصورة PNG ثقيلة صورة WebP رشيقة تحفظ شفافيتها وتُحمَّل أسرع.
أو أسقط الصورة هنا
جارٍ التحويل…
جارٍ تحويل صورك
قد يستغرق هذا حتى دقيقة — وأطول قليلًا لعدة ملفات. أبقِ هذه العلامة مفتوحة.
تحوّل Araluma صورة PNG إلى WebP وتحفظ الأجزاء الشفافة. أعطِ صورة واحدة فيعيد محرّك صور المتصفح بناءها على جهازك أنت، فلا تُرسَل إلى أي مكان. أعطِ عدّة صور دفعة واحدة فتسافر إلى خادمنا الذي يمرّ عليها جميعًا معًا ويعيد تنزيلًا، ثم ينظّف هذا التنزيل خلال نحو ساعتين. حيث كان PNG شفافًا يبقى WebP شفافًا، لأن WebP يحمل قناة ألفا كاملة، ولهذا يتفوّق على JPG حين تريد ملفًا أخفّ دون تسطيح القصاصة. وبحسب أرقام WebP من Google نفسها، يبقى WebP بلا فقدان أقل بنحو 26 بالمئة من PNG مماثل، ويقترب WebP بفقدان مع ألفا من ثلث الحجم. ما يخرج هنا هو WebP بفقدان عند إعداد شبه بلا فقدان، يبادل ذرّة تفصيل على مستوى البت بملف أصغر، بينما يبدو مثل PNG الأصل عند أحجام الشاشة المعتادة. وللنسخ الأرشيفية الدقيقة بكسلًا بكسل، احتفظ بصورة PNG الأصلية.
اجذب صورة PNG إلى منطقة الإسقاط أو انقر لتصفّحها. ينطلق العمل ما إن يحط الملف، دون زر تحويل في أي مكان، ولصورة يومية يلتئم في أقل من ثانية بكثير. ثم يحفظ زر تنزيل صورة WebP باسم المصدر مع نهاية جديدة. حوّل واحدًا فيجري في متصفحك، وأعطِ عدّة فترتفع معًا إلى خادمنا. المسار ذاته يخدم الهواتف والحواسيب، دون أي تثبيت. ولمعالجة أخرى، أسقِط ببساطة صورة PNG التالية. سلّمه صورة PNG متحركة فلا ينجو سوى الإطار الأول، إذ إن WebP التي يصنعها هنا صورة ساكنة مفردة لا تسلسل متحرك.
تسكن قناة ألفا بثمانية بتات داخل WebP، فيحط كل بكسل شفاف من صورة PNG شفافًا بقدره في WebP. لا شيء يصير أبيض، ولا حافة تطوّق قصاصة، ولا تنظيف في محرر بعدها. هذا هو السبب الحق لمحاباة WebP على JPG حين تحمل صورة PNG شفافية، إذ لا ألفا لدى JPG وعليه أن يبدّل بالبكسلات الصافية لونًا صلبًا. الشعارات والأيقونات وقصاصات المنتجات ونماذج الواجهات ولقطات الشاشة ذوات الزوايا المدوّرة، وأي شيء يتكئ على خلفية شفافة، يعبر كله دون أن يُمَس. ليس ثمة مفتاح يُقلَب من أجل هذا، بل يحدث وحده، لأن حمل ألفا جزء مما صُمِّمت WebP لتؤديه.
لنبدأ من المتصفح: يقرأ Chrome وFirefox وSafari وEdge جميعها WebP أصليًا، فمسألة العرض محسومة سلفًا. الجاذب الحقيقي هو الحجم. تضع أرقام Google الرسمية الصيغة عديمة الفقد دون PNG المماثلة بنحو ستة وعشرين بالمئة، وتضع نظيرتها بفقد طفيف مع ألفا قرب ثلث المماثل. وما إن يخف الملف حتى تصل أكبر صورة في الشاشة الأولى أبكر، وهذا بالضبط ما يعنيه Largest Contentful Paint، أحد مؤشرات Core Web Vitals التي ترتّب بها Google. لا غرو أن يسمّي PageSpeed Insights صراحةً صورة PNG تحت بند صيغ الجيل التالي، وانتقالك إلى WebP يطفئ ذلك التنبيه.
تكتب Araluma صورة WebP عند إعداد يقارب انعدام الفقد منغَّم للصور والرسوم معًا، فتبدو عند أحجام النظر المعتادة كصورة PNG التي أتت منها. ممسوكةً عند هذا المستوى، تكون WebP تقنيًا ذات فقد طفيف، أي أن قليلًا من دقة البِت يُسلَّم في وجه نسخة عديمة فقد بلا عيب. ولنحو كل عمل ويب، شعارات وأيقونات وأصول واجهات وصور، تلك الهوة غير منظورة. وحين تكون المهمة دقيقة إلى البكسل، كالمسوحات الطبية أو أصول الأرشيف، أبقِ على PNG ودع WebP تكون التصدير. وعلى الصور تستطيع عادةً أن تترقّب هبوطًا في الحجم بين خمسين وسبعين بالمئة، مطبوقًا فوق الحافة البنيوية التي تملكها WebP سلفًا على PNG.
ينقسم هذا بحسب كم تعطي. حوّل PNG واحدة فتحدث المهمة كلها في علامة التبويب، على محرّك صور المتصفح نفسه، على جهازك، دون أن يرتفع شيء ودون أن يُدوَّن شيء عن الملف. تحقّق بنفسك، افتح DevTools، أبقِ لوحة الشبكة مفتوحة أثناء تحويل تلك الصورة المفردة، وعُدَّ صفر طلبات صادرة تحملها. حوّل حفنة معًا فترتفع إلى خادمنا، الذي يمرّ عليها جميعًا ويعيد تنزيلًا واحدًا. يُنظَّف هذا التنزيل من خادمنا خلال نحو ساعتين، ويمكنك محوه لحظة الحفظ. هكذا لا تغادر صورة المتصفح أبدًا، وتبقى الدفعة على خادمنا فقط بقدر ما يلزم لتجميع ما تأخذه معك.
تسافر WebP بعيدًا، لكن لا إلى كل مكان. حفنة من برامج التصميم وخطوط الطباعة وأنظمة المحتوى الداخلية ما زالت تطلب PNG. وبعض أنظمة التشغيل تسحب وتُسقط PNG بلا تردد بينما ترغب في إضافة لأجل WebP. وللملف العملي الذي ستفتحه وتحرّره مرارًا في تطبيق سطح مكتب، فإن إبقاء PNG عديمة الفقد أصلًا يجنّبك التراكم من جولات فك ثم إعادة بناء متكررة. دع WebP تكون تصديرك للويب ودع PNG تبقى المصدر. وإن احتجت يومًا إلى سلوك الدرب المعاكس وقلب WebP عائدةً إلى PNG، فإن أداة webp-to-png تغطي تلك الرحلة.
مرّر PNG إلى الصفحة، أو ابحث عنه عبر المنتقي. تأتي الأجزاء الشفافة معه. حوّل واحدة فتبقى على جهازك، وأفلِت عدّة فترتفع إلى خادمنا لتُعالَج معًا.
لا تفعل شيئًا بعد. تصير صورة معتادة إلى WebP قرابة سرعة ارتفاع إصبعك، بلا خطوة تحويل وبلا دوّار طوال الطريق.
تبلّغ النتيجة كم خرجت كبيرة. تظل المواضع الصافية صافية، وينبغي لـ WebP أن تزن أقل بوضوح من صورة PNG التي بدأت بها.
نقرة واحدة على التنزيل تكتبها، اسم قديم ونهاية .webp جديدة. مصطفة أكثر؟ ارمِ كل واحدة إلى الصفحة فتمر واحدةً تلو الأخرى.
تبقى. لأن WebP تمسك قناة ألفا كاملة، تظل كل رقعة صافية من صورة PNG صافية ما إن تغدو WebP. تلك الحقيقة الواحدة هي لماذا تتفوق WebP على JPG كهدف كلما بدأت من PNG شفافة، فلا ألفا لدى JPG وعليه أن يطلي الرقع الصافية لونًا صلبًا واحدًا بينما تترك WebP القصاصة تمامًا كما وجدتها. الشعارات والأيقونات ولقطات المنتجات وقطع الواجهات المتكئة على خلفيات شفافة، تعبر كلها كاملة، دون أن تطلب منك شيئًا زائدًا.
من أجل ملف أنحف يحفظ شفافيته وهيئته معًا. بحسب أرقام WebP من Google، تجري النكهة عديمة الفقد دون PNG المماثلة بنحو ستة وعشرين بالمئة، وتحط النكهة بفقد طفيف مع ألفا قرب ثلث واحدة. صورة أنحف تصل أبكر، وهو ما يعين Largest Contentful Paint، مقياس Core Web Vitals الذي تزنه Google في الترتيب. بل يشير PageSpeed Insights إلى PNG كفرصة صيغة جيل تالٍ داخل تدقيق صوره. وفوق ذلك، كل متصفح كبير، من Chrome وFirefox إلى Safari وEdge، يقرأ WebP بلا عون.
عند إعداد المقارب لانعدام الفقد الذي تستعمله Araluma، تبدو الصور والرسوم كصورة PNG المصدر عند أحجام النظر المعتادة. وWebP الممسوكة هنا ذات فقد طفيف تقنيًا، فترحل رشفة من دقة البِت صوب ملف أصغر. للاستعمال اليومي على الويب، شعارات وأيقونات وصور، تلك الهوة غير منظورة. وللعمل الدقيق إلى البكسل أو الأرشيفي، أبقِ على PNG وعامل WebP نسخة تسليم. يترك التحويل صورة PNG دون مساس، جالسةً على جهازك تمامًا كما كانت.
تضع أرقام WebP الرسمية من Google صيغة WebP عديمة الفقد دون PNG المماثلة بنحو ستة وعشرين بالمئة، وصيغة WebP بفقد طفيف مع ألفا قرب ثلث الحجم المماثل. تركب النسبة الدقيقة على المحتوى، حيث تغرف الرسوم ذوات المساحات الصافية العريضة وكتل اللون الصلب أوفر نصيب، بينما ترى الصور المزدحمة الدقيقة هبوطًا أصغر لكنه نافع رغم ذلك. على أي حال تخرج WebP أخف وتنجو الشفافية.
يعتمد ذلك على تحويل صورة واحدة أم عدّة. تُعاد بناء PNG واحدة مباشرة في المتصفح، فلا يُرسَل ذلك الملف، ويمكنك التحقّق بفتح DevTools ومراقبة لوحة الشبكة في منتصف التحويل، حيث لا يظهر أي طلب صورة صادر. حوّل عدّة دفعة واحدة فترتفع إلى خادمنا لتُعالَج معًا، ثم يُنظَّف هذا التنزيل خلال نحو ساعتين، ويمكنك إزالته بنفسك بمجرّد الحفظ. في الحالتين لا يبقى من صورتك شيء بعد تجميع تنزيلك.
تعمل، لكل غرض عملي. وصلت القراءة الأصلية إلى كل مكان ما إن أُطلق Safari 14 في عام 2020، منضمًّا إلى Chrome وEdge وFirefox، التي تشكّل معًا تقريبًا كل متصفح يشغّله الناس فعلًا. الاستثناءات هي القديمة حقًا وبعض عروض الويب المضمّنة، ولجمهور قد يضمّها يبقى PNG الخيار الحذر. وأي أحد على متصفح من السنوات الخمس الأخيرة ينال WebP دون عناء. وإن أردت تأكيد حالة بعينها، فإن مدخل WebP على caniuse.com يفرش الدعم.
ملاحظات من الفريق حول الحرفية والتنسيقات والقرارات الصغيرة وراء قَصّ دائري جيد.