مولّد التحميل الكسول: صور محسّنة وصور LQIP

التحميل الكسول يعني أن الصور أسفل الجزء الظاهر لا تُنزَّل إلا حين يقترب الزائر منها بالتمرير. تدعمه المتصفحات الحديثة أصلًا بالسمة loading="lazy" في وسم img، وتضيف مواقع كثيرة صورة بديلة منخفضة الجودة (LQIP): نسخة صغيرة جدًا ومموهة من الصورة تظهر فورًا وتُستبدل بالصورة الحقيقية عند وصولها. تعتمد التقنيتان على وجود الملفات الصحيحة، وهذا ما تساعدك هذه الصفحة على إنتاجه.

لنكن واضحين بشأن ما يفعله المولّد. يضغط صورك بجودة 80 بصيغتها وحجمها الأصليين، جاهزة للتحميل الكسول. وبتغيير إعدادين ينشئ أيضًا الصورة البديلة: نسخة بعرض بضع عشرات من البكسلات بجودة منخفضة، أقل بكثير من 1 كيلوبايت عادةً. لا يكتب HTML ولا CSS ولا يموّه الصورة نفسها؛ يُطبَّق التمويه في المتصفح عبر CSS حين تُكبَّر الصورة البديلة.

طريقة استخدام مولّد صور التحميل الكسول (LQIP)

1. اسحب صورك إلى منطقة الرفع، أو انقر عليها لاختيار الملفات، أو الصق صورة باستخدام Ctrl+V. تقبل هذه الصفحة ملفات JPG وPNG وWebP وGIF وBMP، عدة ملفات دفعة واحدة وحتى 80 ميغابايت لكل ملف.
2. الجولة الأولى، الصور الكاملة: أبقِ الإعدادات الافتراضية (جودة 80 والحجم الأصلي) أو انتقل إلى WebP من Format، ثم نزّل الملفات المحسّنة.
3. الجولة الثانية، الصور البديلة: افتح Resize واختر Max وأدخل 32 × 32، واخفض الجودة إلى نحو 30 إلى 40، واضبط نمط الاسم في More options على {name}-lqip. ثم نزّل هذه الملفات الصغيرة أيضًا.
4. افحص النتيجة بشريط المقارنة قبل/بعد: اسحب الفاصل فوق المعاينة واقرأ أسفلها الأبعاد الجديدة وحجم الملف والجودة ونسبة التوفير. أي تغيير في الإعدادات يعيد معالجة كل الصور تلقائيًا.
5. نزّل صورة واحدة أو استخدم Download all (ZIP) للدفعة كاملة. ومن More options يمكنك أيضًا ضبط قيمة DPI ونمط لاسم الملف باستخدام {name} و{w} و{h}.

نصائح للتحميل الكسول

• لا تؤجل تحميل صورة LCP أبدًا. يجب أن تُحمَّل الصورة الرئيسية أو أول صورة كبيرة فورًا؛ تأجيلها يؤخر Largest Contentful Paint. حسّنها بدلًا من ذلك عبر محسّن صور المواقع.
• احجز المساحة. امنح كل صورة مؤجلة السمتين width وheight (يعرض سطر After الحجم الدقيق) كي لا يقفز شيء عند تحميلها.
• ضمّن الصورة البديلة. يمكن تضمين صورة بديلة ببضع مئات من البايتات كـ data URI أو استخدامها كخلفية CSS، ثم تمويهها بفلتر CSS حتى تُحمَّل الصورة الكاملة.
• أبقِ الصور الكاملة خفيفة أيضًا. التحميل الكسول يؤجل البايتات ولا يحذفها؛ حوّل إلى WebP أو عالج المجلدات الكبيرة عبر ضاغط الصور بالجملة.

خاص ومجاني وسريع

يجري العمل كله في متصفحك: تُفك الصور ويُغيَّر حجمها ويُعاد ترميزها على جهازك، فلا يُرفع أي شيء إلى خادم. لا تسجيل ولا علامة مائية ولا حد يومي، وتُحذف بيانات الموقع والكاميرا (EXIF) من كل نتيجة.