حرّر ملفات SVG وحسّنها وصدّرها بأي صيغة

استوديو SVG موجّه لمن يعمل مع الأيقونات والرسوم المتجهة يوميًا. يمكنك تعديل الكود ورؤية النتيجة فورًا، وتنظيف ملفات SVG القادمة من برامج التصميم من البيانات الزائدة، وتحويلها إلى مكوّنات جاهزة أو صور نقطية بالدقة التي تحتاجها.

يضم هذا الاستوديو 5 مساحات عمل تغطي المهام المتقاربة، ويمكنك التنقل بينها دون مغادرة الصفحة أو إعادة رفع مدخلاتك في كل مرة.

1. 1

   محرر SVG مباشر ولوحة الألوان

   تعديل كود SVG وviewBox ولوحة الألوان مع معاينة فورية.

2. 2

   محسّن بلا فقدان ومعرفات

   تنظيف SVG من العناصر الزائدة وتقليل الحجم مع إعادة تسمية المعرفات لتجنب التعارض.

3. 3

   محوّل إلى React وVue وSvelte

   توليد مكوّنات React وVue وSvelte من ملف SVG مع خصائص قابلة للضبط.

4. 4

   SVG إلى CSS Mask وData URI

   تحويل الرسم إلى CSS mask أو بيانات Data URI جاهزة للصقها في ملفات CSS.

5. 5

   تصدير PNG وWebP وAVIF متعدد الأحجام

   تصدير الرسم كصور PNG أو WebP أو AVIF بأحجام متعددة دفعة واحدة.

1. 1

   اختر مساحة العمل المناسبة

   افتح استوديو SVG واختر من 5 مساحات عمل الوضع الذي يطابق مهمتك: محرر SVG مباشر ولوحة الألوان أو محسّن بلا فقدان ومعرفات.

2. 2

   أضف ملف SVG أو كود SVG ملصوق

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

3. 3

   راجع النتيجة وصدّرها

   راجع ملف SVG نظيف أو مكوّن أو صورة نقطية في المعاينة، ثم انسخه أو نزّله. إذا لم تكن النتيجة كما توقعت، عدّل الإعدادات وأعد المحاولة.

الميزات المتقدمة مثل المرشحات والأنماط قد لا تظهر متطابقة عند التحويل إلى صورة نقطية في كل المتصفحات؛ راجع النتيجة بصريًا دائمًا.

تعتمد النتائج على دعم متصفحك لواجهات الويب مثل Canvas وWeb Audio وWeb Crypto وWebAssembly. قد تكون الملفات الكبيرة جدًا بطيئة أو تتجاوز حدود ذاكرة المتصفح. ولا يمكن لأي أداة في هذا الموقع ضمان نسبة ضغط محددة، أو استعادة الملفات التالفة، أو دعم كل تفريعات صيغة ملف معيّنة.

تسميات الضوابط الظاهرة هنا هي واجهة المنتج الأصلية. نُبقي الأسماء التقنية (JSON وPDF وSVG وWebP وJWT…) بصيغتها المعيارية عن قصد.