ما هو WebP، ولماذا تظهر الصور المحفوظة كـ .webp

تنقر بزر الماوس الأيمن على صورة المنتج، وتختار حفظ الصورة باسم، ويصل الملف إلى مجلد التنزيلات الخاص بك كـ photo.webp. أظهرت الصفحة صورة عادية. ربما انتهى عنوان URL حتى بـ .jpg. ثم تحاول إسقاطه في سطح منزلق، أو إرفاقه بنموذج، أو فتحه في عارض صور قديم، ويتم رفضه.

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

ليرة تركية؛DR: WebP هو تنسيق صورة من Google، محدد في RFC 9649، يدعم الضغط والشفافية والرسوم المتحركة بدون فقدان أو فقدان في نوع ملف واحد. تخدمها مواقع الويب لأنها أصغر من JPG وPNG، لذا فإن Save Image As غالبًا ما يمنحك .webp حتى عندما يقول عنوان URL للصفحة .jpg. يعرض كل متصفح حالي WebP، لكن بعض تطبيقات سطح المكتب وعملاء البريد الإلكتروني ونماذج التحميل ما زالوا يرفضونه. تحويل مع WebP إلى PNG للحفاظ على الشفافية، WebP إلى JPG للحصول على أوسع دعم، WebP إلى GIF للرسوم المتحركة، أو WebP إلى PDF للمستندات. جميعها تعمل من جانب العميل، ولا يتم تحميل أي شيء، مجانًا، ولا يوجد تسجيل.

ما هو ويب بي؟

WebP هو تنسيق صور نقطية أصدرته Google في عام 2010 لجعل الصور على صفحات الويب أصغر حجمًا. تم توثيقه الآن بواسطة IETF كـ RFC 9649، تنسيق صورة WebP، تم نشره في عام 2024. يصف RFC حاوية واحدة باستخدام طريقتين للضغط، بالإضافة إلى الشفافية الاختيارية والرسوم المتحركة، لذلك يغطي تنسيق واحد المهام التي يقسمها JPEG وPNG وGIF فيما بينها.

الملف عبارة عن حاوية RIFF، وهي نفس البنية المقسمة التي يستخدمها صوت WAV. أول اثني عشر بايت تقول ذلك:

$ xxd -l 12 photo.webp
00000000: 5249 4646 3a1f 0100 5745 4250  RIFF:...WEBP

RIFF، أربعة بايت من الطول، إذن WEBP. يوجد في الداخل قطع: VP8 لبيانات الصورة المفقودة، VP8L بدون خسارة، ALPH لقناة الشفافية، و ANIM و ANMF للرسوم المتحركة. الأدوات التي تحدد الملفات حسب البايتات الخاصة بها، بما في ذلك محولات Toolz، تبحث عن هذا التوقيع بالضبط، ولهذا السبب يتم حفظ WebP باستخدام .jpg لا يزال الاسم معروفًا باسم WebP.

كيف يقوم WebP بضغط الصور؟

يحتوي WebP على طريقتين منفصلتين للضغط، وأيهما يستخدمه الملف يغير ما هو جيد له.

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

ويب بلا خسارة هي خوارزمية مختلفة تماما. فهو يعيد إنتاج كل بكسل بالضبط، باستخدام التحويلات التنبؤية، وذاكرة التخزين المؤقت الملونة والمراجع الخلفية على طراز LZ77، ويتنافس مع PNG بدلاً من JPEG.

يمكن لأي من النوعين أن يحمل قناة ألفا من أجل الشفافية. Lossy WebP مع alpha هو مزيج لا يمكن أن تقدمه PNG: مقطع فوتوغرافي بحافة شفافة ناعمة في ملف صغير.

Google&#39؛s الأرقام المنشورة، على صفحة نظرة عامة على WebP، ضع WebP بدون فقدان بنسبة 26% أصغر من PNG وWebP مع فقدان البيانات بنسبة 25 إلى 34% أصغر من JPEG المماثل بجودة SSIM المكافئة. هذه متوسطات على مجموعات الاختبار. يمكن لصورة معينة أن توفر أكثر أو أقل، وغالبًا ما يوفر ملف JPEG الذي تم ضغطه بشدة بالفعل القليل.

لماذا تظهر الصور المحفوظة كـ .webp؟

تظهر الصور المحفوظة كـ .webp لأن الخادم اختار إرسال WebP إلى متصفحك، ويحتفظ Save Image As بأي بايتات تم تسليمها. هناك ثلاث طرق شائعة تحدث.

التفاوض على المحتوى. كل طلب صورة يقدمه متصفحك يحمل Accept رأس يسرد التنسيقات التي يمكن عرضها. التفاوض على محتوى HTTP، المحدد في RFC 9110، يتيح للخادم اختيار تمثيل بناءً على هذا الرأس. تقرأها شبكات CDN للصور والعديد من منصات الاستضافة وتعيد WebP أو AVIF إلى المتصفحات التي تقبلها، بينما يتلقى العملاء الأقدم JPEG من نفس عنوان URL

GET /images/product-42.jpg HTTP/1.1
Accept: image/avif,image/webp,image/apng,image/*,*/*;q=0.8

HTTP/1.1 200 OK
Content-Type: image/webp

ينتهي عنوان URL بـ .jpg. الرد هو WebP. عند حفظه، يقوم المتصفح بتسمية الملف من نوع المحتوى، حتى تحصل عليه .webp.

ال <picture> عنصر. يمكن للمواقع التي لا تتفاوض على الخادم أن تقدم عدة تنسيقات في الترميز، ويختار المتصفح التنسيق الأول الذي يدعمه، بعد واتوج HTML picture عنصر قواعد:

<picture>
  <source srcset="hero.avif" type="image/avif">
  <source srcset="hero.webp" type="image/webp">
  <img src="hero.jpg" alt="Product on a white background">
</picture>

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

في جميع الحالات الثلاث، يقوم الموقع بما توصي به عمليات تدقيق الأداء. WebP هو الملف الأصغر والصحيح للعرض. إنه مجرد ملف خاطئ لبرنامج لم يتم تعليمه قراءته مطلقًا.

ما هي المتصفحات والتطبيقات التي تدعم WebP؟

يعرض كل متصفح حالي WebP. لقد دعمه Chrome وEdge لسنوات، وأضافه Firefox في الإصدار 65، وأضافه Safari في الإصدار 14، الذي جلب أجهزة iPhone وiPad. على الويب، لم يعد التوافق سببًا لتجنبه.

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

يعد حفظ WebP أقل عالمية من عرضه. تستخدم محولات Toolz التي تكتب WebP المتصفح &#39؛s المشفر الخاص من خلال لوحة قماشية. يمكن لـ Chrome وEdge وFirefox الحاليين كتابة WebP بهذه الطريقة. لقد تمكن Safari منذ فترة طويلة من عرض WebP ولكن ليس دائمًا لحفظه، وعندما لا يتمكن المتصفح من تشفير WebP، يعرض المحول خطأً يقول ذلك بدلاً من إعادة PNG باستخدام ملف .webp اسم.

لماذا &#39؛t إعادة تسمية .webp إلى.jpg يعمل؟

تؤدي إعادة تسمية الملف إلى تغيير التسمية الخاصة به، وليس محتوياته. تمت إعادة تسمية WebP إلى holiday.jpg لا يزال يبدأ ب RIFF و WEBP، ولا يزال يحتفظ ببيانات VP8 أو VP8L. تنظر بعض البرامج فقط إلى الامتداد، وتحاول قراءة الملف بتنسيق JPEG، ولا تجد أي شيء FF D8 FF ضع علامة في البداية، وأبلغ عن تلف الملف. يقوم الآخرون باستنشاق البايتات، ولاحظوا أنها WebP، وإما فتحها على أي حال أو رفضوها برسالة أكثر وضوحًا.

نماذج التحميل هي أسوأ الحالات. النموذج الذي يتحقق فقط من الامتداد يقبل الملف المعاد تسميته، ثم تختنق مكتبة الصور الخاصة بالخادم &#39؛ عليه، أو تظهر الصورة مكسورة في القائمة النهائية أو صفحة الملف الشخصي. النموذج الذي يتحقق من البايتات يرفضه تمامًا. ولا النتيجة هي ما تريده، وكلاهما أصعب في التشخيص من الرفض الأصلي.

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

كيف يمكنك فتح WebP دون تحويله؟

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

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

الفتح ليس مثل الاستخدام، رغم ذلك. إذا كان يجب أن تنتقل الصورة إلى مستند أو نموذج أو بريد إلكتروني، فإن برنامج المستلم &#39؛ يهم بقدر ما يهم برنامجك، ويقوم JPG أو PNG بإزالة عدم اليقين هذا.

WebP vs JPG vs PNG vs GIF: كيف يمكن المقارنة بينهما؟

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

سمة	ويب بي	JPG	PNG	GIF
تخصيص	RFC 9649	الاتحاد الدولي للاتصالات-T T.81	W3C PNG	GIF89a
ضغط	خاسر أو خاسر	خاسر	بلا خسارة	بدون فقدان، 256 لونًا
الشفافية	ألفا كامل	لا أحد	ألفا كامل	تشغيل أو إيقاف لكل بكسل
الرسوم المتحركة	نعم	لا	لا (APNG جانبا)	نعم
حجم ملف الصورة	صغير	متوسط	كبير	سيئة الملاءمة
عرض المتصفح	جميع المتصفحات الحالية	عالمي	عالمي	عالمي
تطبيقات ونماذج سطح المكتب	غير مكتمل	عالمي	قريب من العالمية	عالمي
أفضل استخدام	تقديم الصور على مواقع الويب	مشاركة الصور في أي مكان	لقطات الشاشة والرسومات والتحرير	الرسوم المتحركة البسيطة في كل مكان

مواصفات JPEG هي الاتحاد الدولي للاتصالات-T T.81 ويتم تعريف PNG بواسطة مواصفات W3C PNG. القراءة العملية للجدول: احتفظ بـ WebP على الويب، وقم بالتحويل عندما يتعين على الملف الانتقال إلى مكان تصفه الأعمدة اليمنى.

ما هو التنسيق الذي يجب عليك تحويل WebP إليه؟

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

Webp الخاص بك هو	الذهاب الى	تحويل إلى	أداة
شعار أو أيقونة أو فتحة بخلفية شفافة	في أي مكان	PNG	WebP إلى PNG
صورة	البريد الإلكتروني والنماذج والطباعة والبرامج القديمة	JPG	WebP إلى JPG
الرسوم المتحركة	المنتديات، الدردشة، توقيعات البريد الإلكتروني، الويكي	GIF	WebP إلى GIF
صورة واحدة أو أكثر	مستند سيقوم شخص ما بطباعته أو حفظه	قوات الدفاع الشعبي	WebP إلى PDF
مزيج من التنسيقات، أو هدف غير مدرج	متنوع	أي	محول الصور

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

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

للرسوم المتحركة، اختر GIF. لن يتم تشغيل WebP المتحرك المحفوظ من مقطع رد الفعل في العديد من محرري المنتديات أو توقيعات البريد الإلكتروني. ال محول WebP إلى GIF يكتب كل إطار مع التأخير الأصلي وعدد الحلقات. قراءة الإطارات تستخدم المتصفح &#39؛s ImageDecoder API من مواصفات W3C WebCodecs، وهو ما يدعمه Chrome وEdge اليوم. في Firefox وSafari، يمكن قراءة الإطار الأول فقط، وبالتالي فإن GIF ثابت، والملاحظة الموجودة أسفل الصف تقول ذلك. يحتوي GIF على 256 لونًا لكل إطار، لذلك قد تتدرج التدرجات، وتصبح الحواف الشفافة الناعمة صلبة. تتم كتابة الإطار الذي يقل تأخيره عن 20 مللي ثانية عند 100 مللي ثانية، وهو ما يطابق كيفية تشغيل المتصفحات للتأخير بهذه السرعة القصيرة.

للمستندات، اختر PDF. أ تحويل WebP إلى PDF يضع صورة واحدة في كل صفحة، بالترتيب الموضح، في ملف واحد. نظرًا لأن WebP مصدر مع فقدان البيانات، يتم تضمين الصور بتنسيق JPEG بجودة 92% للحفاظ على ملف PDF صغيرًا، أو بتنسيق PNG عندما تتمتع الصورة بالشفافية. يمكن للصفحات أن تناسب الصورة أو تستخدم A4 أو US Letter.

لكل شيء آخر، استخدم محول الصور. يقرأ WebP مع JPG، JFIF، PNG، AVIF، GIF، BMP، ICO، HEIC، TIFF، PSD، SVG، CR2، DNG وPDF، ويكتب JPG، PNG، WebP، GIF، ICO، PDF أو SVG، لذلك يمكن أن يصبح WebP رمزًا مفضلاً أو SVG متتبعًا من نفس الصفحة.

هل يجب عليك تحويل صورك الخاصة إلى WebP؟

نعم، بالنسبة للصور التي تنشرها على موقع ويب. عادةً ما تكون الصور هي الجزء الأثقل من الصفحة، وتوفر بنسبة 25 إلى 34% على مركبات الصور عبر صفحة الكتالوج التي تحتوي على العشرات منها. بالنسبة للصور التي ترسلها بالبريد الإلكتروني أو تطبعها أو تقوم بأرشفتها، لا: احتفظ بالتنسيق الأصلي.

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

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

نادرًا ما تكون حدود الحجم في WebP نفسها مهمة في الممارسة العملية. يضع RFC 9649 علامة WebP بدون فقدان عند 16384x16384 بكسل، ويقتصر WebP المفقود على حجم مماثل بواسطة VP8، وهو ما يتجاوز بكثير أي صورة تحتاجها صفحة الويب. الصور البانورامية الكبيرة جدًا أو عمليات المسح بدقة الطباعة هي الملفات الوحيدة التي تلبيها، وتلك التي تنتمي إلى تنسيق رئيسي بدون فقدان على أي حال.

احتفظ بالنسخ الأصلية في كلتا الحالتين. إن JPG أو PNG هي نسختك الرئيسية، ويجب أن يبدأ كل محصول مستقبلي أو تغيير حجمه أو إعادة تصديره منه وليس من WebP.

كيف يعمل تحويل WebP من جانب العميل؟

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

1. تقرأ الصفحة البايتات الأولى من كل ملف وتتحقق من ذلك RIFF....WEBP توقيع. تقبل كل صفحة زوجية تنسيق المصدر الخاص بها فقط، لذلك تتم الإشارة إلى PNG المسقط على صفحة WebP إلى PNG في مكان آخر.
2. يقوم المتصفح بفك تشفير WebP إلى وحدات بكسل.
3. يتم رسم وحدات البكسل على لوحة قماشية وترميزها كهدف: PNG أو JPG أو WebP بواسطة المتصفح، أو GIF بواسطة برنامج تشفير مجمع، أو مضمنة في ملف PDF.
4. يمكنك تنزيل كل ملف، أو الدفعة كرمز ZIP.

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

ما هي الحدود والأخطاء الشائعة؟

ينتج كل حد رسالة محددة في صف الملف &#39؛s بدلاً من علامة التبويب المجمدة.

يتم رفض الصور التي تزيد عن 100 ميجابكسل، لأن فك تشفيرها قد يستنفد ذاكرة tab&#39؛s. لا يوجد حد أقصى منفصل لحجم البايت لـ WebP، نظرًا لأن وحدة فك التشفير الخاصة بالمتصفح &#39؛ تتعامل معه. يتم رفض الملفات الفارغة.

&quot؛ لا يستطيع هذا المتصفح فتح الملف والاقتباس؛ يعني عادةً أن الملف تالف أو مقطوع، أو أنه ليس WebP على الإطلاق على الرغم من اسمه. &اقتباس؛ لا يمكن لهذا المتصفح حفظ ملفات WebP&quot؛ يظهر فقط عند التحويل إلى WebP في متصفح بدون برنامج تشفير WebP؛ قم بالتبديل إلى Chrome أو Edge أو Firefox الحالي.

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

ينطبق حد التحويل اليومي على كل أداة. الأدوات مجانية، بدون تسجيل، بدون علامة مائية.

WebP والتنسيقات الأحدث

لم يعد WebP هو الخيار الأحدث. غالبًا ما ينتج AVIF، استنادًا إلى برنامج ترميز الفيديو AV1، ملفات أصغر مرة أخرى ويدعم أعماق البت الأعلى وHDR، وتعرضه المتصفحات الحالية أيضًا. المواقع التي تستخدم <picture> المثال أعلاه يخدم AVIF أولاً وWebP كبديل. المقارنة بين AVIF، WebP وJPG يغطي عندما يكون كل واحد يستحق ذلك.

إذا كانت مشكلتك هي صور iPhone وليس تنزيلات الويب، فإن التنسيق هو HEIC والدليل HEIC مقابل JPG يشرح سبب فشل فتح هذه الملفات. يتم إدراج كل محول لكلا التنسيقين في محور أدوات الصورة.