كيفية تعديل ملف SVG: الأدوات والكود وأفضل ممارسات SVGView
تعلّم كيفية تحرير ملفات SVG باستخدام أدوات التصميم أو كود XML، مع إصلاح مشكلات الألوان وviewBox ضمن سير عمل موثوق في SVGView.
اقرأ مدونة SVGدوّر ملفات SVG عبر الإنترنت مجانًا. أدر ملفات SVG بزاوية 90° أو 180° أو 270°، أو اقلبها أفقيًا أو عموديًا، ثم نزّل النتيجة فورًا.
Welcome to SVG Editor
Drop an SVG file, click "Upload"/"Icons", or use Ctrl/Cmd+V to paste SVG code
Start with a sample icon
Pick a sample below, or upload and edit your own SVG.
أزرار 90° و180° و270° بنقرة واحدة، مع إعادة ضبط viewBox تلقائيًا للحفاظ على الحدود الحادة وعدم اقتطاع الرسم.
اعكس الرسم لتخطيطات RTL أو لأشكال أيقونات معكوسة، مع الحفاظ على النسب الأصلية بدقة.
أدخل أي زاوية، مثل 45° أو 90° عكس عقارب الساعة، ويُحتسب المربع المحيط تلقائيًا ليبقى الرسم كاملًا.
شاهد النتيجة فور كل تغيير وتأكد من المحاذاة والحدود قبل التنزيل.
نزّل ملف SVG نظيفًا أو صدّر PNG للعروض والمستندات والمنصات التي لا تدعم SVG.
يعمل كل شيء داخل المتصفح دون رفع الملفات، فتبقى ملفات العملاء سرية ويمكن العمل دون اتصال.
اسحب الملف أو الصق كود SVG. تُعالج الملفات محليًا في متصفحك دون رفعها إلى أي خادم.
اختر زاوية جاهزة أو زاوية مخصصة، أو اقلب الرسم أفقيًا أو عموديًا، وتابع النتيجة في المعاينة فورًا.
نزّل ملف SVG المعدّل أو صدّر PNG بنقرة واحدة، مع الحفاظ على أسماء الملفات كما هي.
أكمل العمل على الملف نفسه باستخدام هذه الأدوات للتحجيم والتحسين والمعاينة والتصدير.
عدّل الأبعاد بعد التدوير لتطابق شبكة التخطيط.
افتح الأداةقلّل حجم الملف بعد التدوير عبر إزالة البيانات الوصفية الزائدة.
افتح الأداةاعرض الملف قبل التدوير وبعده وقارن الخلفيات للتأكد من الحدود.
افتح الأداةصدّر نسخة PNG بجانب ملف SVG المحوَّل لاستخدامها في العروض.
افتح الأداةتابع قراءة إرشادات عملية حول سير عمل SVG واستكشاف المشكلات والإنتاج.
تعلّم كيفية تحرير ملفات SVG باستخدام أدوات التصميم أو كود XML، مع إصلاح مشكلات الألوان وviewBox ضمن سير عمل موثوق في SVGView.
اقرأ مدونة SVGتعرّف إلى ملفات SVG واستخداماتها، وتعلّم فتحها وإنشاءها وتعديلها وتحسينها وتحويلها ونشرها بأمان على الويب.
اقرأ مدونة SVGسير عمل SVG قابل للتكرار لأنظمة التصميم للحفاظ على اتساق الأيقونات من Figma إلى الإنتاج مع خطوات التحقق والتنظيف والتصدير.
اقرأ مدونة SVG