امتدادات صور الجيل التالي ما الذي تحتاج معرفته عنها؟

 ربما أنت بالفعل تكون عرفت ذلك المصطلح أو تعمل به , لكن انا لا أحب الكتابة عن مصطلحات تخص الويب في بلوجر إلا بعد أن تصبح واقع رسمي في المنصة , لكن حتى إن كنت تعرفه غالباً ستجد شئ جديد في هذا المقال يزيد معلوماتك وإن لم تكن سمعت به فهذه فرصة جيدة للتعرف على هذا المصطلح لعله يكون مفيداً لك في مدونتك


امتدادات صور الجيل التالي ما الذي تحتاج معرفته عنها؟

ما هي امتدادات صور الجيل التالي؟

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

والصيغتين الأكثر شيوعاً هما WEBP , AVIF

مقارنة بسيطة لحجم صورة الموضوع الخاصة بنا بصيغ مختلفة

PNG JPEG مضغوط WEBP نسبة الضغط
111kb 31kb 15kb 86%

الآن كما ترى الحجم الأصلي بصيغة PNG كان 111kb في حين تحويلها لصيغة مضغوطة أصبح 31kb وهذا غالباً ما كنا نحصل عليه نسخة مضغوطة مع تقليل بسيط في الجودة لا يلاحظ فتحصل على نسخة مقبولة لكن شاهد انه في صيعة الـ WEBP كيف اصبح الحجم أقل حتى من نصف النسخة المضغوطة مع الإحتفاظ بالجودة , فهذا أمر مع وجود عدد صور كبير في الصفحة سيغير سرعة الصفحة بالكلية 


كيف الأمر أصبح مدعوم في بلوجر ؟

الأمر مدعوم في بلوجر من فترة بشكل يدوي حيث أن بلوجر كانت تسمح بتعديل الصيغ تلك من الرابط لكنه فقط منذ شهرين تقريباً وأصبح مدعوم تلقائي في لوحة التحكم بتفعيل هذا الخيار



فعلت هذا الخيار وما تزال الصور لا تتحول للصيغ المذكورة ؟

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

يعني قد تجد الصورة في بلوجر بإمتداد JPG أو PNG 

ومع ذلك هي بتلك التقنية بلوجر تغير شئ بسيط في رابطها يجعل الصور تلقائياً تتحول لتلك التقنية حتى مع هذه الصيغ

مثال هذا رابط صورة الموضوع الخاص بنا قبل التعديل

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWOWCDx3eIXRtYhJbwnbaPS47-hWBvKGhsEnFYDNZveLJhI7w-77aBZhzYssfZCTiJ4QV39OvwXrzpPC4sOSLO7r5OojUPsD8bzWUuCNTJsimPg_oZ_BV1_PrBHJNL8FRmab2Ri80qqs4ZfIVsemf6Y0X3xmbuiAr4QIyN_0unrVzTcSFBXReN8JUghhbL/s16000/Next-Gen-Images-Formats.jpg

وهذا نفس الرابط بعد التعديل

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWOWCDx3eIXRtYhJbwnbaPS47-hWBvKGhsEnFYDNZveLJhI7w-77aBZhzYssfZCTiJ4QV39OvwXrzpPC4sOSLO7r5OojUPsD8bzWUuCNTJsimPg_oZ_BV1_PrBHJNL8FRmab2Ri80qqs4ZfIVsemf6Y0X3xmbuiAr4QIyN_0unrVzTcSFBXReN8JUghhbL/s16000-rw/Next-Gen-Images-Formats.jpg

هل لاحظت الفرق ؟

نعم هذا الجزء فقط -rw إضافة هذا لصور بلوجر يحولها للجيل التالي 

ولو جربت فتح الرابطين ستلاحظ فرق الحجم بين الصورتين


يعني هل يجب على تعديل الروابط؟

لا, فتفعيل الخيار سيعدلها تلقائياً في المواضيع وهي معروضة , لو أردت ان تعدلها يدوياً هذا يساعد في بعض الأدوات التي لا تدعم الصيغ في برمجياتها , لكن ليس شرط في الحالة العادية ان تقوم به بنفسك

4تعليقات

تعليقك يساهم في تطوير المحتوى ويزيد من الفائدة بمشاركتنا بأفكارك واقتراحاتك , رأيك يهمنا فساهم بتعليقاتك معنا
يرجى عدم وضع روابط خارجية في التعليقات لضمان نشرها

  1. " مواضيع مهمة جدا لكل المدونين "
    • بارك الله فيك أستاذنا الغالي 🪴
    • جزاك الله خيرا على الشرح المبسط والمفيد والمهم 🌹
    • تقبل الله صيامك وقيامك يارب العالمين 🤲

    ردحذف
    الردود
    1. بارك الله في عمرك أخي منير , وجزاك الله بالمثل
      شكراً جزيلاً يا طيب على دعمك المستمر للموقع
      وتقبل الله منا ومنكم صالح الأعمال 🌹🌹🌹

      حذف
  2. الردود
    1. سعيد أنك وجدته مفيداً اخي أحمد , حياك الله يا طيب

      حذف