استخدام الصور بصيغة webp فى بلوجر لزيادة سرعة المدونة
تحويل وضغط الصور الى صيغة webp السيو مدونة بلوجر
إضافة وعرض صور webp الى بلوجر لزيادة سرعة المدونة
الصور جزء كبير من الموقع والتحدي الأكبر هو تحسينها وتقديمها بشكل صحيح. إذا كنت مصمم ويب ، أو مطورًا يسعى لتقليل حجم ملف الصورة؟ يجب أن تعرف ان حل Google لهذه المشكلةهو صور بصيغة WebP.
قامت Google بتوفير WebP لجعل المواقع أسرع ، .WebP مصمم لاستخدام خوارزمية ضغط أكثر قوة وأفضل من JPG و PNG بهدف تقليل أحجام الملفات مع الحد الأدنى من فقدان الجودة. هذا يعني أن مواقع الويب الأسرع تستهلك نطاقًا تردديًا أقل.
ما هو تنسيق صورة WebP؟
WebP هو تنسيق صور ناشئ وضعته Google. تم تطوير WebP بواسطة Google ، وهو أساسًا مشتق من تنسيق فيديو WebM. يعد WebP تنسيقًا مفيدًا بشكل لا يصدق لأنه يوفر أداءً وميزات.
ما الذي يرمز إليه WebP؟
ملف WEBP هو صورة محفوظة بتنسيق WebP (يُنطق "Weppy") صورة نقطية تم تطويره بواسطة Google لرسومات الويب. يحتوي على امتداد الملف كـ WebP.
تاريخ WebP
تم إصدار WebP لأول مرة في عام 2010 ، ولديه الآن القدرة على استخدام ضغط الصور مع فقدان البيانات وغير المنقوص من أجل إنشاء صور أصغر حجمًا وأكثر ثراءً دون تقليل سرعة تحميل موقع الويب.
ميزات WebP
يعتمد WebP كلاً من الضغط المنقوص وغير المنقوص.
من المحتمل أن تكون الصور المفقودة في WebP أصغر بنسبة 25-34٪ من JPEG.
من المحتمل أن تكون صور WebP غير المفقودة أصغر بنسبة 25٪ مقارنةً بصيغة PNG.
يدعم WebP الشفافية غير المنقوصة ، أي PNG مع قناة ألفا.
يدعم WebP الرسوم المتحركة. أي ملفات GIF المتحركة.
باختصار ، WebP قادر على تقليل حجم الصور بتنسيق JPEG و GIF و PNG بشكل ملحوظ.
ما هو WebP الجيد؟
تعد مواقع الويب الأسرع التي تستهلك عرض نطاق ترددي أقل أكبر ميزة لاستخدام تنسيق الصورة هذا.
تعد الصور المصغرة على وجه الخصوص نقاط البداية المثالية لتحويلات WebP. سيختبر زوار الموقع وقت تحميل أسرع.
ما هو WebP السيئ؟
تتمثل إحدى عيوب تنسيق الصورة هذا في أن أي رسم متحرك يتم حفظه كـ WebP يتطلب مزيدًا من قوة المعالجة أثناء التشغيل مقارنةً بصور GIF المتحركة القديمة الجيدة.
صور WebP في Blogger
1. قم بتحميل صورتك للنشر.
2. تغيير التدوينة إلى محرر HTML
3. ابحث عن علامة img الخاصة بك.
4. على سبيل المثال ، يكون src الخاص بك كما يلي:
https://2.bp.blogspot.com/xxxxxxxx/xxxxxxxx/xxxxxxxx/s1600/ramdom-image.jpg
5. فقط ابحث عن الحرف s بعد بعض الأرقام (حجم الصورة).
6. أضف لاحقة rw- إليها كما يلي:
https://2.bp.blogspot.com/xxxxxxxx/xxxxxxxx/xxxxxxxx/s1600-rw/random-image.jpg
تحقق من وجود WebP
لتأكيد ما إذا كانت الصور بتنسيق WebP أم لا ،
بعد عملية الإضافة rw- ، انتقل إلى التدوينة .
احفظ صورة التدوينة في حاسبوك
سترى انه يتم حفظ الصورة بتنسيق WebP.
اختبار كفاءة WebP
قم بزيارة أداة Google Pagespeed قبل عملية الإضافة rw-
اختبر سرعة موقعك.
قم بزيارة أداة Google Pagespeed بعد عملية الإضافة rw-
اختبر سرعة موقعك.
لاحظ الاختلاف في السرعة.
وبالتالي يمكننا أن نؤكد أن تنسيق WebP يمكنه تقليل حجم أي ملف صورة أكثر من ضغط JPEG القياسي مع الحفاظ على جودة صورة مماثلة أو أفضل دون تقليل سرعة تحميل موقع الويب.
هل يجب علي تحويل الصور إلى تنسيق WebP؟
من الصعب إجراء تقييم موضوعي لسرعة تحميل الصفحة إذا كانت تحتوي على نصوص برمجية لحظر الإعلانات من جهات خارجية والعديد من عوامل التأثير الأخرى. ولكن بالرغم من ذلك ، فمن الواضح أن الصور أثرت على التنزيل بشكل ضئيل. بالإضافة إلى ذلك ، في الوقت الحالي ، لا يدعم متصفح سفاري Safari WebP. لذلك اذا كانت نسبة الزيارات تأتيك من متصفح Safari كثيرة ، فأنصحك بترك استخدام هذا التنسيق webp للمستقبل.