هل عارض SVG هذا مجاني؟

نعم، هذه الأداة مجانية تمامًا للاستخدام الشخصي والتجاري.

هل تقومون بتخزين ملفات SVG الخاصة بي؟

لا. تتم معالجة ملف SVG بواسطة JavaScript داخل متصفحك، ولا تُرفع الملفات التي تفتحها أو الكود الذي تلصقه إلى أي خادم.

هل يمكنني تحرير كود SVG ورؤية التغييرات مباشرةً؟

نعم. التعديلات في المحرر تنعكس فورًا في لوحة المعاينة، مما يتيح لك ضبط المسارات والألوان والأبعاد ومشاهدة الرسوم المتجهة تتحدث في الوقت الفعلي.

هل يمكنني تحميل SVG من رابط URL؟

ليس مباشرةً، فلا يوجد حقل لإدخال الرابط. افتح الرابط في متصفحك واحفظ ملف .svg (أو اعرض المصدر وانسخ الكود)، ثم افتح الملف هنا أو الصق الكود في المحرر.

هل يمكنني تحويل SVG إلى تنسيقات أخرى؟

تركّز هذه الأداة على العرض والتحرير والتنسيق والتصغير ولا تصدّر PNG، كما أن محوّلات الصور في الموقع لا تقبل ملفات SVG. لتحويل SVG إلى صورة نقطية استخدم أداة سطر أوامر مثل rsvg-convert (rsvg-convert -w 512 -o icon.png icon.svg) أو Inkscape (inkscape icon.svg --export-type=png)، وللتضمين المباشر استخدم أداة تحويل الصور إلى Base64.

عارض ومحرر SVG المجاني عبر الإنترنت

افتح ملفات SVG وعاينها وحرّر كودها لحظيًا، ونسّقها وصغّرها مع التحكم بالتكبير والتصدير، والمعالجة محلية داخل المتصفح دون رفع.

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

اسحب وأفلت ملف SVG هنا

أو انقر للتصفح

الكود

sample.svg • 673

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
    </linearGradient>
  </defs>
  <circle cx="100" cy="100" r="90" fill="url(#grad1)" />
  <path d="M60 100 L90 130 L140 70" fill="none" stroke="white" stroke-width="20" stroke-linecap="round" stroke-linejoin="round" />
  <text x="50%" y="180" text-anchor="middle" fill="white" font-family="Arial, sans-serif" font-size="24" font-weight="bold">SVG Viewer</text>
</svg>

معاينة

100%

لماذا تستخدم عارض SVG عبر الإنترنت؟

افتح ملفات SVG أو الصق كودها، وحرّرها وأنت ترى النتيجة المعروضة، ونسّق ترميز الرسوم المتجهة أو صغّره دون تثبيت برامج تصميم أو أدوات مكتبية.

حول عارض SVG

SVG (Scalable Vector Graphics) تنسيق صور متجهة قائم على XML للرسومات ثنائية الأبعاد، ويدعم التفاعل والرسوم المتحركة. تعرض هذه الأداة كود SVG بجانب معاينة مرسومة، فتعدّل الكود وتتحقق من النتيجة وتقلّل حجم الملف دون مغادرة المتصفح، وهو ما يفيد في تصحيح الأيقونات أو ضبط الرسوم المتجهة.

الميزات الرئيسية لعارض SVG

معاينة أثناء التحرير

كل تعديل في محرر الكود يُعرض فورًا في لوحة المعاينة. يمكنك التكبير والتصغير من 10% إلى 500% والتمرير داخل المعاينة لفحص المسارات والأشكال والأنماط.

معالجة داخل المتصفح

يُقرأ ملف SVG ويُعرض ويُنسَّق بواسطة JavaScript في متصفحك، ولا تُرفع الملفات التي تفتحها أو الكود الذي تلصقه إلى أي خادم.

تنسيق وتصغير وتنزيل

يعيد «تنسيق SVG» ترتيب المسافات البادئة بأربع مسافات، ويحذف «ضغط SVG» التعليقات والمسافات بين الوسوم. بعد ذلك انسخ النتيجة أو نزّلها كملف .svg.

كيفية استخدام عارض ومحرر SVG

1
تحميل ملف SVG
افتح ملف .svg أو اسحبه وأفلته على المحرر، أو الصق كود SVG مباشرةً في المحرر.
2
معاينة فورية
تعرض اللوحة اليمنى ملف SVG فور الكتابة. كبّر أو صغّر ومرّر داخل المعاينة لفحص الأشكال والمسارات والتنسيق.
3
تنسيق أو ضغط الكود
استخدم «تنسيق SVG» لترتيب الكود بمسافة بادئة من أربع مسافات، أو «ضغط SVG» لحذف التعليقات والمسافات وتقليل حجم الملف.
4
نسخ أو تنزيل
انسخ كود SVG المحسّن إلى الحافظة أو حمّل ملف .svg لاستخدامه في مشروعك.

مصادر مرجعية

W3C — SVG 2
المواصفة الرسمية لـ W3C التي تحدد تنسيق SVG والعناصر والسمات.
MDN — SVG
مرجع MDN لعناصر SVG وسماتها وكيفية عرض الرسوميات المتجهة في المتصفح.

أدوات ذات صلة

تحويل الصور إلى Base64

حوّل SVG أو صورة نقطية إلى رابط Base64 للتضمين المباشر.

محوّل PNG

حوّل صور JPG وWebP وBMP وGIF وICO إلى PNG.

عارض XML

افحص بنية XML التي يعتمد عليها كل مستند SVG.

محوّل الألوان

حوّل قيم الألوان HEX وRGB وHSL المستخدمة في تعبئات SVG وحدوده.

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

هل عارض SVG هذا مجاني؟: نعم، هذه الأداة مجانية تمامًا للاستخدام الشخصي والتجاري.
هل تقومون بتخزين ملفات SVG الخاصة بي؟: لا. تتم معالجة ملف SVG بواسطة JavaScript داخل متصفحك، ولا تُرفع الملفات التي تفتحها أو الكود الذي تلصقه إلى أي خادم.
هل يمكنني تحرير كود SVG ورؤية التغييرات مباشرةً؟: نعم. التعديلات في المحرر تنعكس فورًا في لوحة المعاينة، مما يتيح لك ضبط المسارات والألوان والأبعاد ومشاهدة الرسوم المتجهة تتحدث في الوقت الفعلي.
هل يمكنني تحميل SVG من رابط URL؟: ليس مباشرةً، فلا يوجد حقل لإدخال الرابط. افتح الرابط في متصفحك واحفظ ملف .svg (أو اعرض المصدر وانسخ الكود)، ثم افتح الملف هنا أو الصق الكود في المحرر.
هل يمكنني تحويل SVG إلى تنسيقات أخرى؟: تركّز هذه الأداة على العرض والتحرير والتنسيق والتصغير ولا تصدّر PNG، كما أن محوّلات الصور في الموقع لا تقبل ملفات SVG. لتحويل SVG إلى صورة نقطية استخدم أداة سطر أوامر مثل rsvg-convert (rsvg-convert -w 512 -o icon.png icon.svg) أو Inkscape (inkscape icon.svg --export-type=png)، وللتضمين المباشر استخدم أداة تحويل الصور إلى Base64.