القائمة الرئيسية

الصفحات

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

+حجم الخط-
كيفية تمكين WebP في Blogger؟

توفر Google العديد من الموارد لتسريع تحميل مدونة Blogger على الإنترنت. أحدها هو ضغط وتحويل الضور الى WebP، وهو تنسيق جديد للصور يعد بأن يكون أصغر بنسبة 35٪ من JPEG دون المساس بالجودة.

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


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

هناك بعض الأشياء التي يجب وضعها في الاعتبار عند عرض الصور بتنسيق WebP من الجيل التالي داخل المقالات في مدونة Blogger.

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

ثانيًا، بعد تحميل الصورة، ستحتاج إلى تغيير عنوان URL للصورة من s320 إلى s320-rw أو من s640 إلى s640-rw أو أي حجم اخر sXXX الى sXXX-rw. سيضمن ذلك تحويل وضغط صور WebP بشكل صحيح. أخيرًا، توصي Google باستخدام تنسيق صورة WebP في مواقع الويب، لذلك من الجيد اتباع إرشاداتهم لتحسين SEO الموقع وتسريع تحميل المدونة.

تنسيق صورة الويب من الجيل التالي من Google


يوفر تنسيق الصور من الجيل التالي من Google، WebP، ضغطًا جيدا بدون فقدان جودة الصور عن تحويلها الى صور الويب. هذا يعني أنه يمكن عرض الصور بأحجام أصغر دون التضحية بالجودة. يتم دعم WebP من قبل جميع المتصفحات الرئيسية باستثناء Apple Safari وInternet Explorer. تدعي Google أن هذا التنسيق سيزيد من سرعة الصفحة وأدائها.

ما هو WebP؟


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

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

كيفية تمكين WebP في Blogger؟


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

قبل اضافة -rw الى رابط الصورة

كيفية تمكين WebP في Blogger؟

بعد اضافة -rw سيكون رابط الصورة كما هو مبين في الصورة

كيفية تحويل الصور إلى تنسيق WebP؟

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

لماذا نستخدم صور WebP؟


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

كيفية تحويل الصور إلى تنسيق WebP؟


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

أفضل الممارسات لاستخدام صور WebP على Blogger


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

كيفية تحسين صور WebP لـ Google PageSpeed Insights؟


تُعد الصور عاملاً مهمًا في تحديد تصنيف مُحسّنات محرّكات البحث لموقعك على الويب، لذلك من المهم معرفة كيفية تحسين صورك لتحسين نقاط Google PageSpeed. تتمثل إحدى طرق القيام بذلك في استخدام التحميل البطيء، والذي يقوم بتحميل الصور فقط عند الحاجة إليها. هناك طريقة أخرى لتحسين الصور وهي استخدام تنسيق صورة من الجيل التالي مثل WebP. يمكنك أن ترى في هذا الدليل كيفية تحسين الصور بشكل صحيح لـ Google PageSpeed Insights.

إيجابيات وسلبيات استخدام صور WebP على Blogger


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

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

استنتاج


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

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

  • فيس بوك
  • بنترست
  • تويتر
  • واتس اب
  • لينكد ان
  • بريد
author-img
saymon bang

عدد المقالات:

شاهد ايضا × +
إظهار التعليقات
  • تعليق عادي
  • تعليق متطور
  • عن طريق المحرر بالاسفل يمكنك اضافة تعليق متطور كتعليق بصورة او فيديو يوتيوب او كود او اقتباس فقط قم بادخال الكود او النص للاقتباس او رابط صورة او فيديو يوتيوب ثم اضغط على الزر بالاسفل للتحويل قم بنسخ النتيجة واستخدمها للتعليق

X
ستحذف المقالات المحفوظة في المفضلة ، إذا تم تنظيف ذاكرة التخزين المؤقت للمتصفح أو إذا دخلت من متصفح آخر أو في وضع التصفح المتخفي