محسّن 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.
كيفية استخدام محسّن SVG
صغّر ملفات SVG باستخدام SVGO من دون مغادرة متصفحك. اختر الإعداد المسبق «افتراضي» أو «آمن» أو «أقصى» أو بدّل الإضافات منفردة، وتحقق من فرق البكسل مقابل الأصل، وصدّر النتيجة بصيغة SVG أو معرّف بيانات أو مكوّن React.
- 1
أفلت ملفات SVG أو SVGZ على الصفحة، أو الصق شفرة SVG؛ وتحمّل «عيّنة» مثالًا.
- 2
ضمن «التحسين»، اختر «افتراضي» أو «آمن» أو «أقصى»، واضبط «دقة الأرقام» و«التمريرات المتعددة» و«الطباعة المنسّقة».
- 3
اختياري: افتح مجموعات «الإضافات» لتشغيل إضافات SVGO منفردة أو إيقافها؛ ويعيد «إعادة الضبط» إلى «افتراضي».
- 4
قارن النتيجة «جنبًا إلى جنب»، أو بـ «المنزلق»، أو ضمن «الاختلافات»، حيث تظهر البكسلات المتغيّرة بالأحمر.
- 5
اختر تبويب SVG أو «معرّف البيانات» أو React، ثم انقر «تنزيل SVG» أو «تنزيل .jsx»؛ ولعدة ملفات، استخدم «تنزيل الكل (ZIP)».
أسئلة شائعة
هل تُرفع ملفات SVG لدي؟
لا. يعمل SVGO في عامل خلفية داخل متصفحك، فلا تغادر الملفات جهازك أبدًا.
هل يغيّر التحسين مظهر SVG؟
يستهدف الإعداد «الافتراضي» المظهر نفسه. يرسم «الاختلافات» النسختين ويبلّغ عن حصة البكسلات المتغيّرة، أو «يبدو متطابقًا». قد تشوّه «دقة أرقام» منخفضة جدًا التفاصيل الدقيقة.
أي إعداد يناسب SVG متحركًا أو فيه برنامج نصي؟
الآمن. يترك البنية والمعرّفات والأشكال، فتظل محدّدات CSS والبرامج النصية تجد عناصرها.
لماذا أزال «الأقصى» العرض والارتفاع؟
يسقط «الأقصى» أيضًا العناوين والأبعاد والبرامج النصية، وهو يناسب الأيقونات المستخدمة عبر CSS أو img؛ ثم يتحجّم SVG إلى حاويته. ألغِ تحديد removeDimensions ضمن «التضمين في الويب» للإبقاء على الحجم.
هل أستخدم معرّف بيانات Base64 أم مرمّزًا بـ URL؟
اترك Base64 متوقفًا في معظم الحالات: يكون المعرّف المرمّز بـ URL أقصر عادة ويُضغط بـ gzip أفضل. فعّله فقط حيث تتوقع أداة Base64.
كيف يعمل تصدير React؟
يلف تبويب React الـ SVG المحسَّن في مكوّن JSX مسمّى باسم الملف، مع إعادة كتابة السمات لـ JSX وتمرير الخصائص إلى عنصر svg. يحفظه «تنزيل .jsx».