تسريع الموقع عبر ضغط الصور وتحويلها لصيغة WebP

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

هاذا راجع لأن شركة Google في حد ذاتها توصي بإستخدام تقنية webp من أجل تقليل حجم الصور و تسريع مدونة بلوجر. فعند إستخدامنا لموقع Google Page Speed ، فإنها توصيك حتما بتحويل الصور الى تنسيق WebP لتجنب عمليات تأخير الصور داخل المقالات.

تسريع الموقع عبر ضغط الصور وتحويلها لصيغة WebP
تسريع الموقع عبر ضغط الصور وتحويلها لصيغة WebP

ما هو تنسيق صورة WebP

WEBP IMAGE هو تنسيق صور ناشئ وضعته Google. تم تطوير WebP بواسطة Google ، وهو أساسًا مشتق من تنسيق فيديو WebM. يعد WebP تنسيقًا مفيدًا بشكل لا يصدق لأنه يوفر أداءً وميزات سوف نذكرها اسفل المقال.

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

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

ميزات WEBP IMAGE

  • يعتمد WebP كلاً من الضغط الهائل والغير المنقوص من ناحية جودة الصورة
  • يقدم تنسيقًا حديثًا للصور يوفر ضغطًا فائقًا بدون فقدان جودة الصور على الويب
  • من المحتمل أن تكون الصور المضغوطة الى WebP أصغر بنسبة 25-34٪ من JPEG
  • يدعم WebP الشفافية غير المنقوصة
  • يدعم WebP الرسوم المتحركة. أي صور GIF المتحركة
  • زيادة سرعة ظهور المقالات الخاصة بك
  • كما أنصح بدرس تسريع مدونات بلوجر بإضافة كود Lazy load YouTube

باختصار ، WebP قادر على تقليل حجم ملفات الصور بتنسيق JPEG و GIF و PNG بشكل ملحوظ.

هل دعم WebP لجميع المتصفحات حقيقية

من أجل تسريع مدونات بلوجر عبر ضغط الصور وتحويلها لصيغة WebP، تم دعم تقنية WebP في العديد من المتصفحات Google Chrome و Firefox و Edge ومتصفح Opera والعديد من مكتبات الأدوات والبرامج الأخرى. حيث أضاف المطورون دعمًا لمجموعة متنوعة من أدوات تحرير الصور.

طريقة تحويل الصور إلى WEBP

 يوجد العديد من مواقع ضغط الصور التي توفر لك تحويل الصور لصيغة webp، والتي سوف نذكرها على في الاسفل

موقع ezgif لضغط الصور

Ezgif هو صانع أدوات GIF بسيط عبر الإنترنت ومجموعة أدوات لتحرير صور GIF المتحركة الأساسية. الموقع ببساطة  يمكنه تحويل الصورة من png او jpg الى webp.

او العكس تحويل الصور من WEBP إلى PNG ، الموقع بسيط وليس معقد فكل ماعليك سوى إختيار نوع التحويل ورفع الصورة للموقع والضغط على Upload. 

ثم تضغط على Convert to WebP، تنزل للأسفل وتقوم بحفظ الصورة


تحويل الصور الى صيغة webp,تحويل صيغة الصور,ضغط و تحويل صيغة و امتداد الصور الى webp,تحويل الصور الى png,ضغط الصور الى صيغة webp,تحويل الصور من webp الى jpg,webp images,webp image,webp image format,image optimization,image size,convert images to webp,webp image to png,webp image compress,webp image converter,.webp image,image to webp,open webp image,ضغط الصور,ضغط الصور الى صيغة webp,تحويل الصور الى صيغة webp,ضغط الصور وتقليل حجمها,ضغط و تحويل صيغة و امتداد الصور الى webp,ضغط الصورة,تحويل الصور الى webp,ضغط و تحويل صيغة الصور الى webp من خلال برنامج فوتوشوب,ضغط الصورة وتقليل حجمها,ضغط الصور الى اصغر حجم بنفس الجوده,ضغط صور webp,ضغط الصور اون لاين,ضغط و تحويل صيغ و امتداد الصور الى webp من خلال برنامج فوتوشوب,موقع ضغط الصور,مواقع ضغط الصور لتقليل حجم الصورة,طريقة ضغط الصور,مواقع ضغط الصور,smush ضغط الصور,ضغط الصور بدون برامج

بعد ذالك تقوم برفع الصورة بصيغة Webp في الموضوع الخاص بك بشكل عادي.

موقع image.online-convert

يوفر موقع image.online-convert قائمة طويلة لتحويل الصور لأي صيغة تحبها انت. يمكنك أيضًا تطبيق التأثيرات أو تحسين الصور أثناء التحويل.

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

تحويل الصور الى صيغة webp,تحويل صيغة الصور,ضغط و تحويل صيغة و امتداد الصور الى webp,تحويل الصور الى png,ضغط الصور الى صيغة webp,تحويل الصور من webp الى jpg,webp images,webp image,webp image format,image optimization,image size,convert images to webp,webp image to png,webp image compress,webp image converter,.webp image,image to webp,open webp image,ضغط الصور,ضغط الصور الى صيغة webp,تحويل الصور الى صيغة webp,ضغط الصور وتقليل حجمها,ضغط و تحويل صيغة و امتداد الصور الى webp,ضغط الصورة,تحويل الصور الى webp,ضغط و تحويل صيغة الصور الى webp من خلال برنامج فوتوشوب,ضغط الصورة وتقليل حجمها,ضغط الصور الى اصغر حجم بنفس الجوده,ضغط صور webp,ضغط الصور اون لاين,ضغط و تحويل صيغ و امتداد الصور الى webp من خلال برنامج فوتوشوب,موقع ضغط الصور,مواقع ضغط الصور لتقليل حجم الصورة,طريقة ضغط الصور,مواقع ضغط الصور,smush ضغط الصور,ضغط الصور بدون برامج


اداة squoosh لضغط و تحرير الصور

Squoosh هو تطبيق ويب لضغط وتحرير الصور يمكنك من إستخدام الخيارات المتقدمة التي توفرها ضواغط الصور المختلف في الموقع.

 كما يتيح لك تغيير حجم الصورة وتصحيح الألوان وإختيار نوع الصيغة التي تريد حفظ بها الصورة طبعا يجب الحفظ بصيغة WebP.


تحويل الصور الى صيغة webp,تحويل صيغة الصور,ضغط و تحويل صيغة و امتداد الصور الى webp,تحويل الصور الى png,ضغط الصور الى صيغة webp,تحويل الصور من webp الى jpg,webp images,webp image,webp image format,image optimization,image size,convert images to webp,webp image to png,webp image compress,webp image converter,.webp image,image to webp,open webp image,ضغط الصور,ضغط الصور الى صيغة webp,تحويل الصور الى صيغة webp,ضغط الصور وتقليل حجمها,ضغط و تحويل صيغة و امتداد الصور الى webp,ضغط الصورة,تحويل الصور الى webp,ضغط و تحويل صيغة الصور الى webp من خلال برنامج فوتوشوب,ضغط الصورة وتقليل حجمها,ضغط الصور الى اصغر حجم بنفس الجوده,ضغط صور webp,ضغط الصور اون لاين,ضغط و تحويل صيغ و امتداد الصور الى webp من خلال برنامج فوتوشوب,موقع ضغط الصور,مواقع ضغط الصور لتقليل حجم الصورة,طريقة ضغط الصور,مواقع ضغط الصور,smush ضغط الصور,ضغط الصور بدون برامج

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

  • اذهب الى مشاركات بلوجر وافتح موضوع بصيغة عرض HTML، ثم قم بالبحث عن وسم <img
  • في نهاية الوسم سوف تجد رابط الصورة يجب أن يكون بصيغة webp
  • كما يجب إضافة علامة "-rw" بعد إحدى الأرقام الأتية في الرابط " s1600 ، s640 ، s400 ، s320 "

ليصبح الرابط في الأخير بهاذا الشكل:

تحويل الصور الى صيغة webp,تحويل صيغة الصور,ضغط و تحويل صيغة و امتداد الصور الى webp,تحويل الصور الى png,ضغط الصور الى صيغة webp,تحويل الصور من webp الى jpg,webp images,webp image,webp image format,image optimization,image size,convert images to webp,webp image to png,webp image compress,webp image converter,.webp image,image to webp,open webp image,ضغط الصور,ضغط الصور الى صيغة webp,تحويل الصور الى صيغة webp,ضغط الصور وتقليل حجمها,ضغط و تحويل صيغة و امتداد الصور الى webp,ضغط الصورة,تحويل الصور الى webp,ضغط و تحويل صيغة الصور الى webp من خلال برنامج فوتوشوب,ضغط الصورة وتقليل حجمها,ضغط الصور الى اصغر حجم بنفس الجوده,ضغط صور webp,ضغط الصور اون لاين,ضغط و تحويل صيغ و امتداد الصور الى webp من خلال برنامج فوتوشوب,موقع ضغط الصور,مواقع ضغط الصور لتقليل حجم الصورة,طريقة ضغط الصور,مواقع ضغط الصور,smush ضغط الصور,ضغط الصور بدون برامج
ارجو أن يكون الدرس أفادكم والى موضوع  آخر ان شاء الله
تعليقات