مولد LQIP مجاني – صور بديلة ضبابية

قم بإنشاء صور بديلة ضبابية بصيغة base64، وعينات ألوان سائدة، و SVG ومقتطفات.

Drop Image Here

or click to browse

Settings
اللون السائد
#------
الأداء
  • Original Size: -- KB
  • LQIP Size: -- KB
  • تقليل مساحة التخزين: --%

إن إنشاء صورة بديلة ضبابية (Blur Placeholder) مثالية لصور موقعك أصبح الآن بسيطاً ومجانياً. بدلاً من تحميل الموارد الضخمة منذ البداية مما يبطئ وقت العرض، قم بإنشاء إصدار Base64 ضبابي. دمج هذا المقتطف مباشرة في HTML أو CSS يقدم ملاحظات مرئية فورية للمستخدمين.

كيف يحسن LQIP من حيوية الويب (Web Vitals)؟

من خلال حجز المساحة البصرية بعرض أقصى محدد وألوان سائدة ذكية، تمنع هذه الصور المصغرة (عادةً أقل من 1 كيلوبايت) الانزياح التراكمي للتخطيط (CLS). التحميل التدريجي ضروري للحفاظ على درجة Lighthouse عالية.

مقتطفات جاهزة لـ React و Next.js

وحدة إخراج متعددة المخرجات تقوم بتوليد كل التنسيقات الضرورية: Base64 قياسي، Mini WebP، بالإضافة إلى مقتطف blurDataURL محدد لـ Next.js مع أنماط CSS مضمنة جاهزة للنسخ.

Frequently Asked Questions

يرمز LQIP إلى "صورة بديلة منخفضة الجودة". تقوم الأداة بضغط الصورة واستخراج اللون السائد لمعاينات فائقة السرعة.

لا. يتم الضغط محلياً عبر JavaScript بواسطة واجهة Canvas في متصفحك. البيانات خاصة تماماً.

نعم، إنه يحسن بشكل كبير من حجم سلسلة Base64، مما يسمح بإدراجها في CSS المضمنة دون الإضرار بـ First Contentful Paint (LCP).