مولد اشكال SVG مموهة

خلفيات ناعمة وحالمة دون صور ثقيلة

باتت الخلفيات المموهة والملونة — التي تُعرف احيانا بـ "الاورورا" او "التدرجات المجردة" — اسلوبا رئيسيا في صفحات الهبوط ولوحات التحكم وشاشات بدء التطبيقات. بدلا من تحميل PNG ثقيل، ينتج هذا المولد بضع قطع ناقصة SVG يُطبق عليها فلتر feGaussianBlur: تبقى النتيجة حادة بأي دقة، ويزن الملف بضعة كيلوبايتات فقط، ويستفيد بالكامل من وحدة معالجة الرسومات في المتصفح.

كيف يعمل

توزع الاداة عددا من القطع الناقصة عشوائيا داخل viewBox بمقاس 800×600 باستخدام دالة عشوائية مبنية على بذرة. تختار كل قطعة ناقصة لونا من لوحتك. تُغلّف المجموعة بأكملها بفلتر SVG يُطبق تمويها غوسيا قويا — بما يكفي لان تتلاشى الاشكال في بعضها وتحصل على تلك المظهر الناعم الشبيه بالسحاب.

التحكم

• الاشكال — عدد القطع الناقصة المموهة. عدد اكبر يعطي خلفيات اكثر غنى وازدحاما.
• التمويه — شدة التمويه الغوسي. تمويه قليل يبقي الاشكال متميزة؛ تمويه كبير يذيبها في تدرج.
• تباين الحجم — كم يتغير حجم الاشكال.
• اللوحة — حتى خمسة الوان مخصصة. اضف او احذف لتلائم هويتك.
• الخلفية — لون صلب يُرسم خلف الاشكال المموهة.
• البذرة + اعادة تشغيل — اعد التشغيل لتجربة ترتيبات جديدة؛ نفس البذرة تعطي دائما نفس النتيجة.

الاستخدامات الشائعة

• خلفيات اقسام الابطال
• شاشات بدء تطبيقات حديثة
• صور OG للمشاركة الاجتماعية
• خلفيات اقسام الاسعار
• خلفيات بطاقات لصفحات التسويق

يتمدد الـ SVG الى اي حاوية بـ width: 100% بفضل preserveAspectRatio="none". الصق الناتج مباشرة في HTML او React او ادوات التصميم — او عدّل الالوان لاحقا بمحرر نصي.