 |
| طريقة رفع صور بتنسيق webp علي بلوجر 2020 |
في الاونه الاخيرة ظهر مصطلح webp امام الكثير من المدونين واصحاب المواقع
فما هو وما هي اهمية وهل هناك مشكلات في استخدامة وماهي فوائدة سنذكره خلال السطور القادمة
تنسيق webp وما هو علاقته بالمدونات والمدونين
هو تنسيق صور حديث يتم تطويره من قبل شركة جوجل وتم الاعلان عنه في عام 2010
بغرض تسريع المدونات والمواقع الالكترونية والجدير بالذكر تستخدمها في خدماتها "يوتيوب" ومتجر بلاي كما انه له خصائص متعددة ويقوم بتشفير وتقليل حجم الصور لتعمل بشكل اسرع علي موقعك ،مما يؤدي الي تقليل استهلاك البيانات المحمولة بشكل كبير
 |
| الفرق بين صيغة png وصيغة webp من حيث حجم الملف وجودة التعديل |
فوائد استخدام صيغة webp
1.تسريع موقعك بشكل كبير
2.تم تصميم الصيغة بواسطة جوجل مما نتنبأ بمستقبل مذهر لها
3.يقلل من حجم الصور دون فقدان الجودة
4.يقلل من استهلاك البيانات عند تحميل الموقع مما يؤدي لسرعة اكبر فالتصفح
هل توجد اي مشاكل من ناحية التحويل لهذة الصيغة/التنسيق
في الحقيقة وبعد بحث واستطلاع اراء وتجارب بعض المدونين وجدوا ان هذة الصيغة- غير مدعومة حتي هذة اللحظة (27-6-2020) لدي مستخدمي تطبيق سفاري علي الايفون
- غير مدعوم في الاصدارات القديمة للمتصفحات الاتية
- غير مدعوم في الاصدارات القديمة للمتصفحات الاتية
- انترنت اكسبلور
- موزيلا فيرفوكس
- سفاري
كما للتنوية ستعمل كالعادة علي هذة المتصفحات بالأعلي، لكنها لن تكون بالكفاءة كما لو انها مدعومة
هل يدعم متصفحي صيغة webp لهذة الجيل ؟
للتحقق من دعم متصفحك لهذة الصيغة يمكنك التأكد عبر الرابط التاليWebP
كيف اقوم برفع صور بصيغة webp علي مدونتي في بلوجر
في الحقيقة حتي هذة اللحظة هذة الصيغة غير مدعومة اثناء الرفع في بلوجر مباشرتآ لكن لكل مشكلة حل معنا باذن الله
يمكنك تطبيق الخطوات المذكورة بالاسفل وبكل سهولة وستنجح معك عن تجربة
كيفية استخدام صيغة webp في بلوجر 2020
1.قم بكتابة مقالك كالعادة وضع صورك واضبط الوسم2.حول طريقة الكتابة من تأليف الي html
3.اضغط علي ctrl+f واكتب في صندوق البحث bmb او jpeg او png
4.ستتمكن من العثور علي نتائج الصور خاصتك ،تتبع وجود كود s1600
5.اضف له هذة الكود rw- ليصبح s1600-rw
6.تأكد من قيامك بتغيير جميع روابط الصور
علي سبيل المثال
الكود قبل التعديل
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmIZTEJ_0qwPRZaCcElrDYd2uzKBo1y4Jb1YCpbz47aiNu1E8vUnGVFA0R7cB24Lio2atefrEJh647P6WQQbttaxM3s5pCD6LZ3YaHOyJwxyNyMFjsAsOp6l6PrEnfdKOycyryq2tHdyY/s1600/Nevada%2Bballot.jpgالكود بعد التعديل
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmIZTEJ_0qwPRZaCcElrDYd2uzKBo1y4Jb1YCpbz47aiNu1E8vUnGVFA0R7cB24Lio2atefrEJh647P6WQQbttaxM3s5pCD6LZ3YaHOyJwxyNyMFjsAsOp6l6PrEnfdKOycyryq2tHdyY/s1600-rw/Nevada%2Bballot.jpgملحوظات هامة
عند البحث عن كود s1600 يمكنك ان تجدة مختلف بعض الاحيان بهذة الاشكال
s640 - s400 -s320 -s200
لا توجد مشكلة في هذا الموضوع اتبع نفس الخطوات بالاعلي معهم
شكرا لك علي قراءة المقالة نتمني ان نكون قد افدناك ولو قليلا ، من فضلك لا تترد في كتابة تعليق اذا واجهتك اي مشكلة او استفسار عن الموضوع ،اذا وجدت التدوينة افادتك ساهم معنا بإفادة زملائك بنشرها ،نتمني لك يوم سعيد
شكرا ليك يا ا.محمود شرفني مرورك ❤
ردحذفمبدع شكرا لك
ردحذفمبدع شكرا لك
ردحذف