6
5
300px

حول هذه الأداة

ينشئ مولد SVG Blob أشكالًا عضوية عشوائية من منحنيات Bézier تكعيبية ناعمة، مع التحكم في التعقيد والعشوائية والحجم ولون التعبئة وتدرج اختياري، ويصدّر كود SVG أو الملف.

طريقة الاستخدام

  1. اضبط التعقيد (عدد النقاط) والعشوائية.
  2. اختر الحجم ولون التعبئة، أو فعّل التدرج.
  3. انقر Regenerate حتى يعجبك الشكل.
  4. انسخ كود SVG أو نزّل ملف .svg.

معلومات مفيدة

  • كل شكل blob مسار SVG واحد مبني من نقاط حول دائرة، تصل بينها منحنيات Bézier تكعيبية.
  • كلما زادت النقاط صار المحيط أكثر تعقيدًا، وكلما زادت العشوائية قلّ شبهه بالدائرة.
  • تبقى أشكال SVG blob حادة بأي مقاس ولا يتجاوز حجمها بضع مئات من البايتات.
  • تحظى هذه الأشكال بشعبية كزخارف للخلفيات وإطارات للصور الرمزية وفواصل بين الأقسام.
  • يمكن استخدام SVG مضمنًا في الصفحة، أو كمصدر لوسم img، أو كخلفية CSS.

تعمل بالكامل داخل متصفحك — لا يتم رفع أو حفظ أي شيء تُدخله.

الأسئلة الشائعة

كيف أنشئ شكل blob؟

اضبط التعقيد والعشوائية هنا وانقر Regenerate؛ فكل نقرة ترسم شكلًا عضويًا عشوائيًا جديدًا يمكنك تنزيله بصيغة SVG.

هل يمكنني استخدام هذه الأشكال تجاريًا؟

نعم. تُنشأ الأشكال عشوائيًا على جهازك، لذا يمكنك استخدامها في أي مشروع.

كيف أستخدم SVG blob كخلفية؟

احفظ الملف واستدعه عبر background-image: url(blob.svg)، أو الصق SVG مباشرة في الصفحة وضعه خلف المحتوى.

هل يمكنني تحريك شكل blob؟

نعم — يمكنك تدويره أو تغيير حجمه عبر CSS، أو التحويل التدريجي بين مسارين لهما العدد نفسه من النقاط باستخدام SMIL أو JavaScript.