هاذا راجع لأن شركة Google في حد ذاتها توصي بإستخدام تقنية webp من أجل تقليل حجم الصور و تسريع مدونة بلوجر. فعند إستخدامنا لموقع Google Page Speed ، فإنها توصيك حتما بتحويل الصور الى تنسيق WebP لتجنب عمليات تأخير الصور داخل المقالات.
 |
| تسريع الموقع عبر ضغط الصور وتحويلها لصيغة WebP |
ما هو تنسيق صورة WebP
تنسيق صورة WebP هو تنسيق رائع لتحسين سرعة المواقع على الإنترنت. تم تطويره بواسطة جوجل، ويقدم ضغطًا فعالًا للصور مع الحفاظ على جودتها.
بفضل تقنيته المتطورة، يمكنه تقديم صور ذات جودة عالية مع أحجام ملفات أصغر بكثير من تنسيقات الصور التقليدية مثل JPEG وPNG. هذا يساعد في تحسين وقت تحميل الصفحات وتقديم تجربة مستخدم أفضل عبر الإنترنت.
وتحتوي ميزات تنسيق WebP على القدرة على دعم الشفافية والصور المتحركة، مما يجعلها خيارًا مثاليًا للعديد من تطبيقات الويب المختلفة. فمن الممكن استخدامه في تطبيقات الويب المختلفة مثل المواقع الإلكترونية والتطبيقات وأنظمة إدارة المحتوى.
لتحسين سرعة موقع الويب الخاص بك باستخدام تنسيق WebP، يمكنك ببساطة تحويل الصور الموجودة على الموقع إلى هذا التنسيق باستخدام أدوات تحويل الصور المتاحة عبر الإنترنت أو برامج الرسومات المعتمدة.
ميزات WEBP IMAGE
تنسيق صورة WebP يأتي مع العديد من الميزات المميزة التي تجعله خيارًا جيدًا لتحسين سرعة وأداء موقع الويب. إليك بعض الميزات البارزة لتنسيق WebP:- يتيح تنسيق WebP ضغطًا فعالًا للصور مع الحفاظ على جودة عالية. يمكنك تقليل حجم ملفات الصور بشكل كبير دون التأثير على جودتها بشكل ملحوظ، مما يساعد في تحسين سرعة تحميل الصفحات.
- يوفر تنسيق WebP دعمًا للصور ذات الخلفيات الشفافة، مما يجعلها مناسبة للاستخدام في الصور التي تحتاج إلى شفافية مثل الرموز والشعارات.
- يمكن لتنسيق WebP أيضًا تخزين الصور المتحركة (الصور النقطية المتحركة) بشكل فعال، مما يجعله خيارًا جيدًا للصور المتحركة على الويب.
- يوفر تنسيق WebP خيارات لمراقبة مستوى الجودة مقابل حجم الملف، مما يسمح للمستخدمين بضبط التوازن بين جودة الصورة وحجمها.
- بالنظر إلى أنه تم تطويره بواسطة جوجل، فإن تنسيق WebP مدعوم بشكل جيد عبر المتصفحات الحديثة وأنظمة التشغيل، مما يجعله مناسبًا للاستخدام في مجموعة متنوعة من التطبيقات على الويب.
هل دعم WebP لجميع المتصفحات حقيقية
من أجل تسريع مدونات بلوجر عبر ضغط الصور وتحويلها لصيغة WebP، تم دعم تقنية WebP في العديد من المتصفحات Google Chrome و Firefox و Edge ومتصفح Opera والعديد من مكتبات الأدوات والبرامج الأخرى. حيث أضاف المطورون دعمًا لمجموعة متنوعة من أدوات تحرير الصور.
طريقة تحويل الصور إلى WEBP
يوجد العديد من مواقع ضغط الصور التي توفر لك تحويل الصور لصيغة webp، والتي سوف نذكرها على في الاسفل
موقع ezgif لضغط الصور
Ezgif هو صانع أدوات GIF بسيط عبر الإنترنت ومجموعة أدوات لتحرير صور GIF المتحركة الأساسية. الموقع ببساطة يمكنه تحويل الصورة من png او jpg الى webp.
او العكس تحويل الصور من WEBP إلى PNG ، الموقع بسيط وليس معقد فكل ماعليك سوى إختيار نوع التحويل ورفع الصورة للموقع والضغط على Upload.
ثم تضغط على Convert to WebP، تنزل للأسفل وتقوم بحفظ الصورة
بعد ذالك تقوم برفع الصورة بصيغة Webp في الموضوع الخاص بك بشكل عادي.
موقع image.online-convert
يعتبر موقع image.online-convert أداة ممتازة عبر الإنترنت تمكنك من تحويل الصور بين مجموعة واسعة من التنسيقات المختلفة. يمكنك تحويل الصور إلى تنسيقات مثل JPEG وPNG وGIF وغيرها الكثير. بالإضافة إلى ذلك، يوفر الموقع خيارات لتعديل الصور مثل تغيير حجمها، وتعديل الجودة، وتطبيق التأثيرات، وأكثر من ذلك.
ما عليك سوى اختيار التنسيق الذي تريد التحويل إليه ، وتحميل ملف الصورة واختيار التحسينات المراد فعلها في الصورة اختياريًا. سيتم تحويل صورتك على الفور ويمكنك تنزيل النتيجة بعد بضع ثوانٍ فقط.
اداة squoosh لضغط و تحرير الصور
أداة Squoosh هي أداة ممتازة لضغط وتعديل الصور على الويب. تم تطويرها بواسطة فريق جوجل، وتقدم واجهة سهلة الاستخدام تسمح لك بضغط الصور بسهولة دون التأثير على جودتها كثيرًا. بالإضافة إلى ذلك، يمكنك استخدام Squoosh لتغيير حجم الصور وتطبيق بعض التعديلات الأساسية عليها.
الأمر الجميل في Squoosh هو أنه يتيح لك معاينة الصور على الفور بعد عملية الضغط، حيث يمكنك رؤية الفارق في الجودة وحجم الملف على الفور. بالإضافة إلى ذلك، يمكنك ضغط الصور بتنسيقات مختلفة، بما في ذلك تنسيق WebP الذي يساعد في تحسين سرعة تحميل الصفحات على الويب.
كيف تعرف ان صور بتنسيق WebP في بلوجر سليمة
- اذهب الى مشاركات بلوجر وافتح موضوع بصيغة عرض HTML، ثم قم بالبحث عن وسم <img
- في نهاية الوسم سوف تجد رابط الصورة يجب أن يكون بصيغة webp
- كما يجب إضافة علامة "-rw" بعد إحدى الأرقام الأتية في الرابط " s1600 ، s640 ، s400 ، s320 "
ليصبح الرابط في الأخير بهاذا الشكل:
