دليل صور WebP: كيفية استخدام تنسيق WebP مع WordPress

كلنا نحب صور GIF الجيدة ، لكن تنسيقات الصور قطعت شوطًا طويلاً منذ تقديم GIF في عام 1987. انتقل مصممو الويب الأذكياء إلى تبني ملفات JPEG و PNG والآن WebP.

بينما تتمتع صور GIF بحياة ثانية كعلف لقنوات Slack والرسائل النصية ، بدأ تنسيق WebP الجديد في السيطرة على الويب.

في هذا المنشور ، ندرس نمو WebP ونقدم نصائح حول كيفية استخدامه لموقعك على الويب. ستعرف:

• كيف يعمل التنسيق
• فوائد صور WebP
• قيود استخدام WebP
• كيفية تمكين صور WebP للووردبريس

كيف يعمل تنسيق WebP

في الأصل من On2 Technologies ، تقوم Google بتطوير WebP كتنسيق صورة مفتوح المصدر وتأمل في جعله المعيار الجديد المقبول لصور الويب.

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

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

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

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

فوائد WebP

إذن ما الذي يغذي نمو WebP؟ يوفر التنسيق العديد من المزايا ، بما في ذلك سهولة الاستخدام والأداء. دعنا نستكشف أفضل مزايا استخدام WebP لموقعك على الويب.

تحويل الصور الموجودة بسهولة

يمكنك تحويل أي ملفات PNG أو GIF أو JPEG من موقعك إلى ملف WebP. لن تضحي بالجودة وستؤدي عادةً إلى تقليل حجم الملف.

ضغط أفضل

إذا قمت بتحويل PNG أو JPEG إلى WebP ، فسيكون حجم ملف WebP أصغر بنسبة 30 إلى 50٪ من الحجم الأصلي. يجب أن تساعد الصور الأصغر في تحميل صفحاتك بشكل أسرع ، ولهذا نوصي بضغط الصور كأحد أفضل الطرق لتسريع موقع WooCommerce الخاص بك .

أداء أفضل للموقع

يؤدي تحميل الصور والصفحات بشكل أسرع إلى إنشاء تجربة مستخدم أفضل. يمكنك أيضًا تعزيز تصنيفات محرك البحث الخاص بك عن طريق تحسين موقعك للسرعة. تضع محركات البحث علاوة على سرعة تحميل موقعك. تميل مواقع التحميل الأسرع إلى مرتبة أعلى من المواقع الأبطأ.

يعد تقديم الصور بتنسيق الجيل التالي مثل WebP إحدى الطرق الـ 12 التي تم تجربتها وحقيقيًا لتحسين نقاط Google PageSpeed ​​Insights .

دعم الشفافية والرسوم المتحركة

من منا لا يحب صور GIF المتحركة؟ مع WebP ، أنت محظوظ. يدعم WebP الرسوم المتحركة والشفافية.

دعم المستعرض على نطاق واسع

تدعم معظم المتصفحات الحديثة WebP. كان متصفح Safari من Apple هو المستحكم الوحيد ولكنه قدم أخيرًا دعم WebP العام الماضي مع Safari 14.

حدود WebP

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

تأكد من اختبار جميع الأماكن التي ستظهر فيها الصورة للتأكد من أن تنسيق WebP سيعمل. يمكنك أيضًا التفكير في تقديم نسختين من الصورة. استخدم WebP عندما يكون مسموحًا به و JPEG أو PNG احتياطيًا عندما لا يكون WebP مدعومًا.

كيفية تمكين WebP باستخدام WordPress

بدأ WordPress في تقديم دعم WebP بالإصدار 5.8. إذا كان الخادم الخاص بك يدعم WebP ، فيجب أن تكون قادرًا على تحميل واستخدام صور WebP مثل أي نوع صور آخر مدعوم.

تتضمن خيارات استخدام صور WebP في WordPress ما يلي:

• يدويا تحويل الصور. استخدم أداة عبر الإنترنت مثل CloudConvert لتحويل الصور إلى WebP. إنها مهمة يدوية تستغرق وقتًا طويلاً حيث سيتعين عليك تحميل الملفات إلى المحول ثم تحميل الملف الجديد إلى مكتبة WordPress الخاصة بك.
• البرنامج المساعد لتحسين الصورة. تتضمن العديد من المكونات الإضافية لتحسين الصور بالفعل خيارات لتحويل الصور وعرضها كملفات WebP. تحقق من وثائق المكون الإضافي لمعرفة كيفية تمكين الخيارات لموقعك.
• المكون الإضافي WebP. بدلاً من مكون إضافي للتحسين ، يمكنك أيضًا استخدام مكون إضافي مصمم خصيصًا مثل WebP Converter for Media لتحويل الصور التي تم تحميلها تلقائيًا إلى WebP.

مواقع أسرع مع WebP وقابلة للضغط

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

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

لمعرفة المزيد حول كيفية قيام Pressable بجعل WordPress يعمل بشكل أفضل ، احجز عرضًا توضيحيًا مخصصًا اليوم.

أداء الويب

وقت التحميل مهم! هل تعرف مدى سرعة موقعك؟

يتعلم أكثر