انتقل إلى المولّد
موجات وكتل

SVG

افتح المولّد

مجاني، بلا تسجيل، يعمل داخل متصفحك.

النسخة البسيطة: عنصر `<svg>` بمسار لكل طبقة. الصقه في ترميزك، أو نزّله ملفًا وتعامل معه كأي أصل آخر. وهذا هو التصدير الذي تستخدمه حين يمكنك إضافة عنصر إلى الصفحة.

تصدير بصيغة SVG، مقصوصًا عند الأسطر الأولى

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 38L153.69 69L153.69 131L100 162L46.31 131L46.31 69Z" fill="#4f46e5"/></svg>

ما يجدر معرفته

دعم المتصفحات

شامل. SVG مدعوم في كل متصفح لا يزال أحد يختبر عليه منذ ما يزيد على عقد بكثير، ولا شيء في هذا الناتج يستخدم ميزة حديثة — إنها مسارات وتعبئات.

الحجم عبر الإعدادات المسبقة

كل إعداد مسبق تستطيع هذه الصيغة التعبير عنه، مقيسًا كما يخرجه المولّد. أصغرها سداسي عند 151 بايت؛ وأكبرها موجات متراكبة عند 898 بايت. وعدد النقاط هو ما يصنع الفارق — فكل نقطة إضافية تضيف مقطعًا تكعيبيًا كاملًا من الإحداثيات.

الحجم عبر الإعدادات المسبقة
الصيغة الحجم
سداسي151 B
بلّورة156 B
جوهرة مُوجَّهة182 B
مثلث مستدير217 B
قمم جبلية231 B
اجتياحة246 B
تعرّج حادّ264 B
موجة عميقة282 B
حصاة294 B
حافة سحابة295 B
أقواس مقتطعة319 B
موجة هادئة322 B
كتلة ناعمة330 B
درجات358 B
أصداف382 B
كتلة عضوية402 B
بريق408 B
موجة عضوية478 B
موجة التذييل551 B
نجمة551 B
زهرة557 B
فقاعة559 B
حافة بكسلية579 B
رشّة641 B
تموّج655 B
موجات متراكبة898 B

بمزيد من التفصيل

السمة الوحيدة الجديرة بالفهم هي `preserveAspectRatio`. على الموجة تُضبط على `none`، فيتمدّد الشكل أفقيًا إلى أي عرض تصادف أن تكون عليه حاويته — وهذا ما يجعل الفاصل نفسه يعمل على هاتف وعلى شاشة عريضة دون أشرطة. وعلى الكتلة تُترك كما هي، لأن كتلة ممدَّدة إلى نسبة حاوية ليست سوى قطع ناقص بخطوات زائدة.

أسئلة

أي الأشكال تصلح بصيغة SVG؟

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

ما حجم تصدير SVG؟

بين 151 و898 بايت عبر الإعدادات المسبقة الـ26 التي تدعمه. تقليل النقاط هو الرافعة المؤثرة؛ أما النعومة واللون فلا يكلّفان شيئًا.

هل يمكنني تحريره يدويًا بعد ذلك؟

نعم. الناتج نص صِرف بلا تعليق مولّد ولا علامة تعريف ولا رابط يعود إلى هنا. غيّر الألوان، أو أعد تسمية الصنف، أو الصق المسار في ملف SVG خاص بك — لا شيء لاحقًا يعتمد على بقائه كما كان.

كل رقم وكل شكل في هذه الصفحة أُنتج بتشغيل المولّد وقت البناء، فهو يصف الأداة التي أنت على وشك استخدامها لا نسخة كانت موجودة يومًا.

ذات صلة