معاينة SVG
- الملفات لا تغادر جهازك
- يعمل في المتصفح
- مجاني، بلا حساب، بلا علامة مائية
Drop SVG files here, or click to choose
يقبل SVG, SVGZ · يمكنك أيضًا اللصق بـ Ctrl+V / ⌘V
Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.
Drop SVG files here, or click to choose
يقبل SVG, SVGZ · يمكنك أيضًا اللصق بـ Ctrl+V / ⌘V
Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.
افتح ملفات SVG أو الشفرة الملصقة وافحصها بأمان: كبّر، وحرّك، وبدّل الخلفية، واقرأ الحجم المرسوم والعرض والارتفاع وviewBox وعدد العناصر. حرّر المصدر مع معاينة حية؛ ولا تعمل البرامج النصية في الملف أبدًا.
أفلت ملفات SVG أو SVGZ على الصفحة، أو الصق الشفرة في المربع وانقر «إضافة SVG». يعمل الضغط على Ctrl+V في أي مكان على الصفحة أيضًا.
بدّل الخلفية بين «رقعة» و«أبيض» و«أسود»، وكبّر بالأزرار أو Ctrl/⌘ + التمرير أو المفاتيح + − 0 1؛ واسحب للتحريك وانقر مزدوجًا للملاءمة.
اقرأ لوحة «التفاصيل»: الحجم المرسوم، والعرض، والارتفاع، وviewBox، وحجم الملف، والعناصر. مرّر فوق الرسم لترى الإحداثيات بوحدات SVG.
حرّر الشفرة ضمن «المصدر». تتحدّث المعاينة أثناء الكتابة، وتسمّي أخطاء الصياغة السطر والعمود.
ضمن «التصدير»، انقر «تنزيل SVG» أو «نسخ معرّف البيانات».
نعم. يُعرض SVG صورة فقط، فلا تعمل البرامج النصية ومعالجات الأحداث فيه أبدًا، ولا تُحمَّل الملفات التي يربطها على الويب (صور وخطوط وأوراق أنماط). لا يُرفع شيء.
ربما يفتقد إعلان xmlns. تضيفه المعاينة تلقائيًا وتعرض ملاحظة؛ انقر «إضافته إلى الشفرة» لإصلاح المصدر، ثم نزّله.
ليس لدى SVG عرض وارتفاع ولا viewBox، فينطبق افتراض المتصفح. وعندما يغيب العرض والارتفاع فقط، يأتي الحجم من viewBox.
سلسلة data:image/svg+xml مرمّزة بـ URL يمكنك لصقها في background-image في CSS أو في src لوسم img. لنسخة Base64 أو ملف أصغر، مرّره عبر «محسّن SVG».
نعم. تُفك ملفات SVGZ المضغوطة بـ Gzip في متصفحك، ويحفظ «تنزيل SVG» الشفرة ملف .svg عاديًا.