أدوات التصميم

تنظيف SVG

تنظيف SVG: جهّز الألوان والملفات البصرية وراجعها في واجهتك قبل النشر.

دليل الاستخدام

تنظيف SVG: المدخلات والنتائج والحدود

تنظيف SVG: جهّز الألوان والملفات البصرية وراجعها في واجهتك قبل النشر.

تفاصيل الأمثلة والأسئلة أدناه باللغة الإنجليزية حالياً. راجع تنسيق الملف والنتيجة قبل الاستخدام؛ لا تتغير ملفاتك الأصلية.

خطوات الاستخدام

  1. أدخل النص أو استخدم المثال الموضّح في الأداة.
  2. شغّل الأداة بعد التحقق من المدخلات.
  3. راجع المعاينة أو النص الناتج ثم نزّل ملفاً جديداً.

حالة استخدام توضيحية

A simple SVG circle cleaned through a strict shape and attribute allowlist.

Sample input

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="#426bd1"/></svg>

طريقة فحص الناتج

Compare source before and after cleaning. Unsupported filters, linked images and styles can be removed, so sanitized artwork may look simpler than the original.

حدود الأداة

جهّز الألوان والملفات البصرية وراجعها في واجهتك قبل النشر.

حل المشكلات

Inspect the result in the destination component or viewer. A declaration needs a valid CSS context; an image needs suitable dimensions; a sanitized SVG can lose unsupported features.

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

Will every complex SVG keep its appearance?

No. The strict allowlist intentionally drops unsupported features. Inspect the new source and render before publishing.

What input does Safe SVG source sanitizer need?

Use the sample text shown below, then replace it with your own input. Strict allowlist strips scripts, links, styles and unsupported SVG features. Inspect the downloaded source.

Which options does Safe SVG source sanitizer provide?

There are no extra settings in this version. Select or paste the appropriate input and review the produced result.

المعالجة على جهازك؛ نسّق النص النهائي وراجع الناتج قبل المشاركة.

JavaScript enables the interactive workspace.

لوحة ألوان وتباين

تدرج CSS

ظل CSS

زوايا CSS المنطقية

حزمة Favicon

قالب تخطيط متجاوب

صورة إلى ASCII

تنسيق الخطوط

حزمة أيقونات التطبيق