الطريقة الصحيحة لعرض الصور بتنسيقات الجيل القادم WebP في Blogger 2021

الطريقة الصحيحة لعرض الصور بتنسيقات الجيل القادم WebP في Blogger 2021


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

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

يوصى بتنسيق صورة WebP بواسطة Google Pagespeed Insights لكل موقع ويب. نظرًا لأن Blogger لا يدعم المكونات الإضافية أو خوادم الصور وما إلى ذلك التي يمكن أن تخدم صور 
الجيل القادم من webP.

اعرض صور WebP في مدونة Blogger في عام 2021.


يمكنك إضافة صور الجيل الجديد لموقع WordPress الإلكتروني بمساعدة المكونات الإضافية. مدونة Blogger لا تدعم المكونات الإضافية ولكنها مدعومة بخادم صور google قوي. خادم صور Google لديه القدرة على خدمة صور webP. يحتوي Blogger على خادم صور Google قوي. يمكن أن يخدم كل نوع من الصور تقريبًا حسب الطلب.

كيف يمكنك تحميل صورة webP إلى Blogger؟


ماذا يحدث إذا قلت، كل صورة تقوم بتحميلها أو تحميلها هي webP. دعونا نفهم كيفية تمكينها.

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

الآن قم بتغيير وضع HTML باستخدام وضع التحرير وانقر على زر التحرير (القلم الرصاص) الموجود في الزاوية اليسرى العليا. حدد الآن وضع HTML للتحويل إلى صورة Blogger بتنسيق webP.

سترى رمزًا مشابهًا لما هو موضح أعلاه. يجب عليك تحرير رابط المصدر للصورة التي هي العلامة.

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

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


باستخدام هذه القيمة -rw في الصورة، يمكنك تقديم صور WebP التالية إلى Blogger. ما عليك سوى تغيير s320 إلى s320-rw، أو تغيير s640 إلى s640-rw. يجب عليك إضافة -rw بعد قيمة حجم الصورة لـ webP.

الآن قم بتحديث المقال الخاص بك، تم تحويل الصورة الآن وعرضها بتنسيق webP. يمكنك التحقق من ذلك عن طريق سحب الصورة على شاشة سطح المكتب.

اتبع الخطوة أعلاه عندما تقوم بتحميل صورة جديدة إلى Blogger وتحويلها إلى تنسيق webP.

قالب بلوجر عندك لا يدعم تنسيق webP؟


كل صورة تخفيها ستكون بمثابة صورة ويب. ولكن، هل موضوع Blogger الخاص بك قادر على التعامل مع طلبات صور webP؟

من شأنه أن يخلق بعض المشاكل مع المظهر الخاص بك حيث قد لا تكون بعض الأدوات الذكية مرئية. كل ذلك بسبب أن سمة Blogger التي تستخدمها لا تدعم webP.

لحل هذه المشكلة، قم بتحرير مظهر Blogger وتغيير ملف وظيفة السمة الرئيسية (ملف js طويل يوجد عادةً قبل علامة </body> مباشرة).

يمكنك إضافة بعض التحديثات إلى مظهر قالب المدونة الخاصة بك، وهذه هي.

replace('/s72-c','/s680')

استبدل الكود أعلاه بالرمز التالي.

replace('/s72-c','/s680-rw').replace('/s72-rc','/s680-rw')

يجب عليك اتباع هذا لجميع الرموز المماثلة في ملف الوظيفة الرئيسي. إذا كنت تستخدم سمة Blogger مجانية، فعليك فك تشفير ملف السمة.

إذا كنت لا تعرف كيف تفعل هذا؟ يمكنك استخدام سمة Blogger الملائمة لصور WebP لمدونة Blogger. سيخدم هذا الموضوع جميع صور القطعة بتنسيق webP. ولكن بالنسبة للصورة داخل المنشورات، يجب عليك اتباع طريقة -rw لكل صورة تقوم بتحميلها.

آمل أن تكون قد أحببت هذه المقالة على صورwebP لمدونة Blogger. في حالة وجود أي شك، لا تتردد في السؤال في قسم التعليقات أدناه.

إرسال تعليق

0 تعليقات