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 ثوانى وفى بعض المواضيع اقل من ثانيتين

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

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

تحديث هام

حل مشكلة عدم رفع صور علي بلوجر بصيغة webp

واجه العديد من المستخدمين لمنصة التدوين بلوجر مشكلة عدم القدرة علي رفع الصورة بصيغة WEBP اللتي تنصح بها جوجل، وذلك بسبب التحديثات المستمرة لمحرر التدوين داخل منصة بلوجر مما سبب مشكلة في رفع صور webp علي blogger سواء علي المحرر الكلاسيكي القديم او المحر الحديث v2 post editor.
حل مشكلة عدم رفع صور علي بلوجر بصيغة webp

ازاي احل مشكلة رفع صورة بصيغة WEBp؟

 يمكننا حل مشكلة رفع الصورة عن طريق تغيير الامتداد الخاصة بها بعد تحويلها او قبل تحويلها الي امتداد webP الي امتداد jpg او png او gif ثم رفعها الي منصة بلوجر وبعد ذلك نقوم بتحويلها كما ذكرنا في هذا الجزء من المقال اضغط هنا للأنتقال اليه
تحويلها الي امتداد webP الي امتداد jpg او png او gif

fixwebp



هناك تعليقان (2)
  1. السلام عليكم اخي الفاضل
    شكرا لك علي هذا المقال الرائع .........
    ==========
    لدي مشكلة في رفع الصورة علي مدونة بلوجر .......
    حيث عند القيام بعملية الرفع واختيار الصورة التي تم تحوليها الي صيغه webp .. تظهر لي رسالة من بلوجر بانه الصيغه غير مدعومه لكي يتم رفعها ..........
    ارجو منك ان تضع لنا طريقه رفع الصورة علي مدونة بلوجر بصيغه webp ؟
    في انتظار ردك

    ردحذف
    الردود
    1. وعليكم السلام نشكرك علي هذه الكلمات الرائعة
      المشكلة عامة في محرر بلوجر ولكن يمكنك حلها ببساطة عن طريق تغيير امتداد الصورة قبل رفعها علي منصة بلوجر من webp الى jpg وهتترفع علي المنصة بدون مشكلة بحجمها الصغير ثم في محرر بلوجر نبدله الي وضعية اتش تي ام ال HTML ثم نغير الرقم /s1600/ او /s400/ او /s640/ او /s320/ webp ونبدلها الي /s0-rw-e90/ حتي تحل المشكلة، الطريقة ممكن تكون متعبة شوية لكن ده مجرد تحديث في منصة بلوجر وهيتم حل المشكلة قريبآ ان شاء الله... واعتذر عن التأخير في الرد

      حذف

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