بهینه‌سازی SVG

کامنت‌ها، متادیتا و اتریبیوت‌های اضافه‌ی SVG را حذف کنید و درصد کاهش حجم را با پیش‌نمایش قبل و بعد ببینید.

کد SVG

کامنت‌ها، متادیتا، عنوان، توضیحات و اتریبیوت‌های اضافه‌ی ادیتورها (مثل Inkscape) حذف می‌شوند؛ مسیرها و شکل‌ها دست‌نخورده می‌مانند.

ابزار بهینه‌سازی SVG داده‌های اضافی فایل برداری را حذف می‌کند و حجم را کم می‌کند. آیکون‌های سبک‌تر برای سایت سریع‌تر.

کد SVG را پیست کنید تا کامنت‌ها، متادیتا و اتریبیوت‌های اضافی حذف شوند و درصد کاهش حجم را با پیش‌نمایش قبل و بعد ببینید.

فایل‌های SVG که از نرم‌افزارهای طراحی خروجی می‌گیرند معمولاً پر از داده‌ی اضافی‌اند؛ حذف آن‌ها بدون تغییر ظاهر، حجم را کم می‌کند.

طراحان و توسعه‌دهندگان پیش از استفاده از آیکون‌ها این کار را انجام می‌دهند. برای درج SVG در استایل از تبدیل SVG به پس‌زمینه CSS کمک بگیرید.

سوالات متداول

چرا فایل SVG من این‌قدر بزرگ است؟

نرم‌افزارهای طراحی معمولاً متادیتا و اطلاعات اضافی زیادی به SVG اضافه می‌کنند که برای نمایش لازم نیست و قابل حذف است.

بهینه‌سازی ظاهر SVG را خراب می‌کند؟

خیر، فقط داده‌های نامرئی و اضافی حذف می‌شوند و شکل نهایی دست‌نخورده می‌ماند.

SVG بهتر است یا PNG؟

برای آیکون و لوگو، SVG معمولاً بهتر است چون برداری است و در هر اندازه‌ای بدون افت کیفیت و با حجم کم نمایش داده می‌شود.