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

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

المعاينات والمرفقات

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


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

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

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

والصيغتين الأكثر شيوعاً هما 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 إضافة هذا لصور بلوجر يحولها للجيل التالي 

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


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

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

تعليقات

6

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

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

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

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

      حذف
  3. شكرا أستاذي لم ألاحظ الخاصية برغم من دخولِ الإعدادات.
    جزاك الله كل خير ونفع بك الأمة ❤️

    ردحذف
    الردود
    1. عادي أخي يوسف انا أحيانا أجد امور أكون غافل عنها ولا أعرف كيف لم اراها من قبل
      نحن نتبادل الخبرات مع بعضنا البعض , وسعيد بمرورك يا غالي 🌹

      حذف