عارض ومحرر SVG
عاين وحرر وحسّن ملفات SVG عبر الإنترنت. معاينة في الوقت الفعلي، تحرير الكود وأدوات التحسين.
ما هو تنسيق SVG؟
SVG (رسومات المتجه القابلة للتحجيم) هو تنسيق صور متجه يعتمد على XML يسمح بالتحجيم اللانهائي دون فقدان الجودة. يُستخدم على نطاق واسع للشعارات والأيقونات ورسومات الويب.
ما الفرق بين SVG و PNG؟
SVG هو تنسيق متجه يستخدم الصيغ الرياضية لوصف الرسومات ويمكن تحجيمه بشكل لانهائي دون فقدان الجودة. PNG هو تنسيق نقطي يتكون من بكسلات يصبح ضبابيًا عند التكبير. SVG مثالي للشعارات والأيقونات والرسوم البيانية، بينما PNG أكثر ملاءمة للصور.
ما تنسيقات الملفات التي يمكنني عرضها؟
تعرض هذه الأداة ملفات SVG. يمكنك لصق كود SVG مباشرة أو تحميل ملف .svg من جهازك.
هل يمكنني تحرير كود SVG مباشرة؟
نعم، يمكنك تحرير كود SVG المصدر في لوحة المحرر ورؤية التغييرات في لوحة المعاينة في الوقت الفعلي.
كيف تعمل المعاينة في الوقت الفعلي؟
تقوم لوحة المعاينة بالتحديث تلقائيًا أثناء الكتابة في محرر الأكواد، مما يعرض لك بالضبط كيف سيتم عرض SVG الخاص بك في المتصفحات.
كيف أحسن SVG الخاص بي؟
انقر على زر التحسين لإزالة المسافات غير الضرورية والتعليقات والبيانات الوصفية والسمات الزائدة، مما يقلل حجم الملف.
هل يمكنني تغيير ألوان وأنماط SVG؟
نعم، يمكنك تعديل ألوان التعبئة وألوان الحد والعتامة وسمات النمط الأخرى مباشرة في كود SVG.
هل يدعم SVG الرسوم المتحركة؟
نعم، يدعم SVG الرسوم المتحركة من خلال SMIL (لغة تكامل الوسائط المتعددة المتزامنة) ورسوم CSS المتحركة. يمكنك إنشاء تأثيرات مثل الحركة وتغييرات اللون وتحولات الشكل مباشرة داخل SVG.
ما المتصفحات المدعومة؟
تعمل هذه الأداة في جميع المتصفحات الحديثة بما في ذلك Chrome و Firefox و Safari و Edge.
كيف يمكنني التحقق من صحة بناء جملة SVG؟
تقوم الأداة بتمييز أخطاء بناء الجملة في كود SVG تلقائيًا، مما يساعدك على تحديد المشكلات وإصلاحها فورًا.
هل يمكنني تغيير حجم SVG دون فقدان الجودة؟
نعم، SVG هو تنسيق متجه يمكن تحجيمه إلى أي حجم دون فقدان الجودة أو ظهور بكسلات.
هل يتم إرسال بيانات SVG إلى خادم؟
لا، تتم جميع المعالجة محليًا في متصفحك. محتوى SVG لا يغادر جهازك أبدًا.
كيفية استخدام عارض ومحرر SVG
يعرض SVG Viewer & Editor ملف SVG لحظة لصق الكود أو إسقاط الملف، ويتيح تعديل الكود مع معاينة حية. يحدث كل شيء محليًا في متصفحك.
- الصق كود SVG في المحرر المكتوب فيه “Paste SVG code here or drag & drop a file...”، أو اسحب ملف .svg إلى الصفحة.
- تُعرض الرسمة فورًا في المعاينة الحية بجوار الكود.
- عدّل الخصائص مثل viewBox وwidth وheight وfill أو بيانات المسار مباشرة في الكود — تتحدث المعاينة أثناء الكتابة.
- أصلح المشكلات الشائعة فورًا، مثل خاصية xmlns المفقودة أو viewBox يقصّ جزءًا من الرسمة.
- انسخ الكود النهائي بعد أن تبدو المعاينة صحيحة.
إذا بقيت المعاينة فارغة، فتحقق من أن الكود يبدأ بـ<svg ويتضمن نطاق الأسماء xmlns — غياب xmlns هو السبب الأكثر شيوعًا.
أدوات ذات صلة
- محسّن SVG حسّن واضغط ملفات SVG فورًا في متصفحك. أزل البيانات الوصفية والتعليقات وبيانات المحرر غير الضرورية وقلّص الحجم بنسبة تصل إلى 60%.
- محول SVG إلى PNG حوّل SVG إلى PNG أو JPEG أو WebP فورًا في متصفحك. خصص المقياس والحجم ولون الخلفية. مجاني، خاص، بدون رفع.
- حاسبة Chmod حاسبة chmod مجانية عبر الإنترنت لتصور وحساب أذونات ملفات Linux بمربعات اختيار. تحويل فوري بين التدوين الرقمي (755، 644) والرمزي (rwxr-xr-x). يدعم الأذونات الخاصة مثل setuid وsetgid وsticky bit.
- جدول ASCII مرجع كامل لترميز أحرف ASCII مع الأكواد العشرية والسداسية العشرية والثمانية والثنائية وكيانات HTML وأوصاف الأحرف. البحث والتصفية الفورية.
- اختبار طلبات HTTP اختبر واجهات REST API مباشرة في متصفحك. أرسل طلبات GET وPOST وPUT وDELETE مع رؤوس ونص ومعلمات مخصصة. شاهد حالة الاستجابة والرؤوس ونص JSON فورًا.
- مولد .htaccess إنشاء قواعد Apache .htaccess لإعادة التوجيه وإعادة الكتابة ورؤوس الأمان والتخزين المؤقت والمزيد.
- مولد Robots.txt مولد robots.txt مجاني عبر الإنترنت. أنشئ وخصص ملفات robots.txt للتحكم في زحف محركات البحث، وإدارة وصول برامج الزحف، وتحسين SEO لموقعك.
- مولد خريطة الموقع مولد خريطة موقع XML مجاني عبر الإنترنت. أضف عناوين URL وحدد الأولويات والتكرارات، وأنشئ خرائط موقع متوافقة مع SEO فوراً.