14 ديسمبر 2019

تحسين الصور على منصه بلوجر وتحويل الصيغه الى webp

من اهم عناصر تسريع مدونات بلوجر هو الضغط الجيد لصور بدون فقد للجود، وفى هذه التدوينة يشاركنا أ/ مصطفى المصرى طريقة تسريع مدونات بلوجر مع تحويل الصور وضغطها الى صيغة webp مع تحسين مدة التخزين المؤقت للصوره على المتصفح لمده 90 يوما بطريقة مبسطة وسهلة ان شاء الله.            

تحسين الصور على منصه بلوجر وتحويل الصيغه الى webp
  لتحسين الصور على منصه بلوجر وتحويل الصيغه الى webp بعد ضغطها وتقليل الوزن مع الحفاظ على الجوده كامله قدر الامكان وتعيين المده الزمنيه للتخزين المؤقت لجميع الصور على بلوجر باضافه تعديل بسيط على افيكت رابط الصوره بخطوات مرهقه بعض الشىء ولكنها فعاله جدا فى هذا الخصوص.


باستخدام برنامج الفوتوشوب يمكنك رفع الصوره عليه ثم الضغط على عمود ملف واختيار تصدير (EXPORT) ثم save for 
web
 
save for  web
كما بالصوره رقم 1 سيظهر لنا نافذه معاينه للجوده كما فى الصوره رقم 2 لاختيار الجوده بقيمه حره من 30 الى 70 كواليتى
وستلاحظ هنا الفرق الكبير بين وزن الصوره الاصلى ووزنها بعد التصدير ثم تقوم بحفظها على جهازك بصيغه jpeg

وزن الصوره الاصلى ووزنها بعد التصدير
,وبعد كده هترجع تانى ترفع هذه الصوره المضغوطه على الفوتوشوب بغرض تحويل الصيغه الى صيغه webp
ومن عمود ملف مره اخرى تقوم بحفظها Save As واختيار الحفظ بصيغه ال webp 

تقوم بحفظها Save As واختيار الحفظ بصيغه ال webp
وده بلوجن متوافر على الانترنت يتم تركيبه على برنامج فوتوشوب لتحويل صيغه الصوره ويعتبر انجح بلوجن لفعل ذلك بالطريقه الصحيحه.
WebPShop
 وتقدر تحمله من هنا حسب نوع نظام التشغيل الخاص بك 

وتقدر تختار الكواليتى ايضا بدرجه من 30 الى 70 درجه والاهم هنا هو ازاله العلامه من امام مربع (save Metadata ) لتخفيف الوزن الى اقصى درجه ممكنه لان بيانات الصوره الداخليه تأخذ مساحه كبيره فى الصوره وايضا تفضح الصوره لدى جوجل وتدلل على صاحبها الاصل.
 
save Metadata
وبعد الحفظ بهذه الخطوات ستلاحظ الفرق الضخم بين اول وزن للصوره واخر وزن لها كما بالصوره الخامسه
لحد هنا تمام اوى هنيجى بقا لرفع الصوره على بلوجر بالصيغه الجديده ودى اهم خطوه لان حتى الان بلوجر لن يقرأ الصوره بالصيغه الجديده فلابد من عمل تعديل بسيط على رابط الصوره الموجود ضمن كود html للمقاله

رفع الصوره على بلوجر بالصيغه الجديده
ستبحث عن هذا الجزء فى رابط الصوره وتقوم بتعديله من اى رقم فى دول
/s1600/ او /s400/ او /s640/ او /s320/
او اى رقم زى كده موجود فى رابط الصوره
الى
/s0-rw-e90/
حل مشكلة صيغة webp فى بلوجر
حيث ان s0 هى قيمه المقاس الاصلى للصوره طول وعرض
و rw هى امر الصيغه الجديده وهى صيغه webp
و e90 هى مده التخزين المؤقت للصوره على المتصفح لمده 90 يوما ويمكنك تغيير عدد الايام كما تشاء سواء 60 او 30 او 100 يوم،  يعنى الصوره هتفضل عند كل مستخدم لمده 90 يوم لا تحتاج الى تحميل وهتبقى خف الريشه اثناء فتح المدونه وكل ما يفتح الصفحه مش هتاخد معاه ربع ثانيه
تعديل بسيط على رابط الصوره الموجود ضمن كود html للمقاله

اهم شىء اثناء هذا التعديل هو التأكد من انضباط التعديل بالمللى لان الروابط حساسه جدا لحاله الاحرف وايضا للمسافات فلا تعجل اى مسافه او فراغ داخل الرابط وانت بتعدل عليه

عرض الصور بتنسيقات الجيل القادم على بلوجر
هذه الطريقه هى اللى انا شغال بيها ورغم انها مرهقه بعض الشىء لكنها ساهمت بشكل فعال فى تسريع المدونه الى اقل من 3 ثوانى وفى بعض المواضيع اقل من ثانيتين

طب اذا لم يتوفر برنامج الفوتوشوب لاى سبب نعمل ايه ؟

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

شارك المقال

ليست هناك تعليقات

تعريب كن مدون جميع الحقوق محفوظة لــ مدونة عرباوى | شروحات مبسطة فى المجال التقني 2013-2020 ©