JavaScript is not enabled!...Please enable javascript in your browser

جافا سكريبت غير ممكن! ... الرجاء تفعيل الجافا سكريبت في متصفحك.

-->
أخبار
آخر الأخبار
الصفحة الرئيسية

كيفية إنشاء الصور بتنسيق WebP في Blogger

كيفية إنشاء الصور بتنسيق WebP في Blogger


مرحبا، 

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


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

ما هو WEBP IMAGE ؟

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

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

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

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

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

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

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

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

كيفية إنشاء الصور بتنسيق WebP في Blogger

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

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

  1. حدد المنشور وانقر فوق تحرير.
  2. اضبط صورك على حجمها الأصلي.

ملحوظة. إذا لم تقم بتحميل أي صورة في هذا المنشور ، فعليك أولاً تحميل صورة بتنسيق JPG أو JPEG بالحجم الأصلي.

  • انتقل إلى عرض HTML من مشاركتك.

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

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

<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-b4kRucoVglY/X6_qaQmgWMI/AAAAAAAABlg/K3nehjw4oo4fWiNebWK9xQkbKmJmK54lgCLcBGAsYHQ/s842/next%2Bgen.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="364" data-original-width="842" src="https://1.bp.blogspot.com/-b4kRucoVglY/X6_qaQmgWMI/AAAAAAAABlg/K3nehjw4oo4fWiNebWK9xQkbKmJmK54lgCLcBGAsYHQ/s16000/next%2Bgen.JPG" title="كيفية إنشاء الصور بتنسيق WebP في Blogger" /></a></div><div

بعد "s1600" فقط اكتب "-rw" في كلا المكانين. انظر الآن الكود المحدث .

<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-b4kRucoVglY/X6_qaQmgWMI/AAAAAAAABlg/K3nehjw4oo4fWiNebWK9xQkbKmJmK54lgCLcBGAsYHQ/s842/next%2Bgen.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="364" data-original-width="842" src="https://1.bp.blogspot.com/-b4kRucoVglY/X6_qaQmgWMI/AAAAAAAABlg/K3nehjw4oo4fWiNebWK9xQkbKmJmK54lgCLcBGAsYHQ/s16000-rw/next%2Bgen.JPG" title="كيفية إنشاء الصور بتنسيق WebP في Blogger" /></a></div><div

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

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

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

المحترف للتقنية

تعليقات
    ليست هناك تعليقات
    إرسال تعليق
      الاسمبريد إلكترونيرسالة