ما مدى سوء ... أو جودة مدونتك-موقعك؟ اكتشفه في ثوان

كيفية عرض الصور بتنسيق WebP في Blogger

عندما قمت بتحليل أحد مواقعي في أداة سرعة صفحة Google ، رأيت فرصة لزيادة سرعة موقعي. كان هذا هو "عرض الصور في تنسيقات الجيل التالي". لجعل سرعة مدونتك سريعة ، يجب أن تعرض الصورWebP بتنسيق الجيل التالي. ربما يمكنك استخدام تنسيق webP للصور. سأخبرك في هذه المقالة ، كيفية عرض الصور بتنسيق WebP في Blogger.

إذا كنت ستختبر موقعك في أداة سرعة صفحة Google ، فمن المؤكد أنك ستحصل أيضًا على هذه الفرصة.

تحقق من موقعك هنا.

سأوضح لك في هذه المقالة كيفية عرض الصور بتنسيق Next-gen في Blogger ، وما هو تنسيق WebP للصور ، وما هي مزايا استخدام هذه الصور ، وما إلى ذلك.

ما هو WEBP IMAGE

WebP هو تنسيق صورة مقدم من Google. يحتوي على امتداد الملف كـ WebP

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

بحسب جوجل.

باستخدام تنسيق صورة webp ، يمكنك الحصول على صور غير ضائعة يكون حجمها أصغر بنسبة 25٪ بالمقارنة مع تنسيق صورة png ، وأصغر حجمًا بنسبة 25٪ -34٪ من صور jpeg.

 

انقر هنا لمزيد من المعلومات حول صور WebP.

مزايا استخدام تنسيقات صور الويب

WebP هي تقنية تنسيق صور ناشئة تقدمها Google.

إنه مصمم لاستخدام ضغط محسن أفضل من JPG و PNG.

webp تمكنك من  تقليل حجم الصور مع الحد الأدنى دون فقدان الجودة.

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

 

مزايا صور الويب في بحث GOOGLE 

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

من الواضح أنه يمكن أن يزيد ترتيب موقعك في بحث Google.

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

في Blogger ، لا يمكنك تحميل صورة WebP مباشرة. لقد حاولت ذلك شخصيا. سيظهر خطأ مثل هذا 

لذلك من أجل تقديم صور WebP في Blogger ، يتعين علينا استخدام تنسيقات JPG و JPEG للصور وتغييرها إلى تنسيق WebP داخل التدوينة  فقط.

خطوات القيام بذلك هي كما يلي.

اختر التدوينة وانقر فوق تحرير.

اضبط صورك على حجمها الأصلي.

انتقل إلى جانب HTML من مشاركتك. 

ملحوظة. قم دائمًا بتعيين الصورة على حجمها الأصلي قبل إجراء تغييرات على جانب HTML ،

الآن ابحث عن رمز الصورة مثل هذا.

<a href = ”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHXfy82W1GLnCTa8IgwM4P5900jz6iaP4BOegVVBcZXMa3iu72ROGlfsUovWkER4JNkrcsyAFXdTjzGTHvBj22Brb2ZgRomd6hRVw5S3xfnWNGLGnVywbu4hfNmM7D3W7-xP8KMjbw3qo/s1600/IMG_20”

بعد "s1600" فقط اكتب "rw-" في كلا المكانين. انظر الآن الكود عندما قمت بتغييره ،  التغييرات موضحة باللون الأحمر. 

<a href = ”https://1.bp.blogspot.com/-Sm2FGCP6Sac/XlOQbfa5kII/AAAAAAAAAlk/jstUG2ng7n4hPyMYK1N7WJ0OBUk3Pa2cQCPcBGAYYCw/s1600-rw/IMG_20”

ملحوظة. في وقت ما في مكان "s1600" ، قد ترى رموزًا أخرى مثل ، "s200" ، "s320" ، "s400" ، "s640" إلخ. ولكن لا تقلق بشأن هذا الأمر. عليك كتابة "rw-" بعد أي رمز.

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

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

تحقق من الصور الخاصة بك سواء كانت بتنسيق WebP أم لا عن طريق حفظها على جهاز الكمبيوتر الخاص بك أو بواسطة أداة سرعة صفحة Google.

هذا هو.

أليست سهلة أليس كذلك؟

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

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

شكرا.