كيفية تعديل ملف SVG: الأدوات والكود وأفضل ممارسات SVGView
تعلّم كيفية تحرير ملفات SVG باستخدام أدوات التصميم أو كود XML، مع إصلاح مشكلات الألوان وviewBox ضمن سير عمل موثوق في SVGView.
اقرأ مدونة SVGغيّر حجم ملفات SVG عبر الإنترنت مجانًا. عدّل العرض والارتفاع، وحافظ على نسبة الأبعاد، ثم نزّل ملف SVG المحجَّم فورًا.
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.
غيّر حجم SVG عبر الإنترنت بإدخال عرض وارتفاع دقيقين بالبكسل، أو استخدم النسبة المئوية، لتطابق مواصفات التصميم أو شبكة التخطيط أو حجم صورة PNG مُصدَّرة.
مع تفعيل القفل تبقى النسب سليمة، فلا تتمدد الأيقونات والشعارات ولا تظهر فراغات. ألغِ القفل عند الحاجة إلى إطار بأبعاد محددة.
يُحافظ على viewBox ويُحدَّث عند الحاجة ليتحجّم الملف بشكل صحيح في CSS وHTML، دون اقتطاع أو فراغات أو اهتزاز في التخطيط.
كل تغيير يظهر فورًا مع خيارات التكبير والخلفية، لتتأكد من الحدود والمحاذاة قبل التنزيل.
نزّل ملف SVG المحجَّم أو صدّر PNG بخطوة واحدة، واحتفظ بالصيغتين معًا عند الحاجة إلى نسخة نقطية للعروض والمستندات.
تعمل الأداة بالكامل في متصفحك، فلا تترك ملفاتك جهازك، وهو ما يحمي مواد العملاء ويعمل دون اتصال.
اسحب الملف أو الصق كود SVG. تُقرأ الملفات محليًا ويُحفظ viewBox الأصلي؛ وإذا كان الملف بلا viewBox فأضفه قبل التحجيم.
أدخل العرض والارتفاع المطلوبين، أو استخدم قفل النسبة للتحجيم المتناسب مع معاينة مباشرة للنتيجة.
نزّل ملف SVG المحجَّم أو صدّر PNG فورًا، مع الالتزام بتسمية موحدة مثل icon-name-24.svg.
استخدم أداة تغيير الحجم مع هذه الأدوات لتدوير الملفات وتحسينها وتصديرها بشكل متسق.
اضبط الاتجاه قبل تغيير الحجم لتكون الأبعاد النهائية مطابقة للتخطيط.
افتح الأداةقلّل حجم الملف بعد التحجيم ليبقى خفيفًا وسريع التحميل.
افتح الأداةاعرض الملف قبل التحجيم وبعده للتحقق من المحاذاة والحدود.
افتح الأداةصدّر PNG بجانب ملف SVG المحجَّم عند الحاجة إلى نسخة نقطية للعروض.
افتح الأداةتابع قراءة إرشادات عملية حول سير عمل SVG واستكشاف المشكلات والإنتاج.
تعلّم كيفية تحرير ملفات SVG باستخدام أدوات التصميم أو كود XML، مع إصلاح مشكلات الألوان وviewBox ضمن سير عمل موثوق في SVGView.
اقرأ مدونة SVGتعرّف إلى ملفات SVG واستخداماتها، وتعلّم فتحها وإنشاءها وتعديلها وتحسينها وتحويلها ونشرها بأمان على الويب.
اقرأ مدونة SVGسير عمل SVG قابل للتكرار لأنظمة التصميم للحفاظ على اتساق الأيقونات من Figma إلى الإنتاج مع خطوات التحقق والتنظيف والتصدير.
اقرأ مدونة SVG