RevealTheme logo

بهینه‌ساز SVG

فراداده، نظرات و فاصله‌های خالی غیرضروری را از نشانه‌گذاری SVG حذف کنید.

نحوه استفاده از این ابزار

  1. 1

    Paste your raw SVG markup into the input box.

  2. 2

    Read the byte count and percentage saved shown above the result.

  3. 3

    Review the minified SVG in the output box to confirm it still renders correctly.

  4. 4

    Click Copy to put the optimized markup on your clipboard.

بهینه‌ساز SVG چیست؟

فایل‌های SVG صادرشده از ابزارهای طراحی مانند Figma یا Illustrator معمولاً حاوی فراداده ویرایشگر، اعلان‌های XML و فضاهای نام پرحجمی هستند که مرورگرها به آن‌ها نیازی ندارند. این ابزار آن‌ها را حذف می‌کند: صرفه‌جویی معمول بین ۲۰٪ تا ۶۰٪ از حجم فایل بدون هیچ تفاوت بصری است.

موارد استفاده رایج

  • Shrinking icon SVGs exported from Figma before pasting them inline into a React or Vue component.

  • Cleaning up Illustrator output that ships with a verbose XML header and editor comments.

  • Reducing the size of small inline SVGs embedded directly in HTML to trim page weight.

  • Removing designer metadata and indentation before committing icons to a shared repo.

  • Quickly checking how many bytes a given SVG can save before reaching for a heavier build-time tool.

  • Tidying SVG snippets pasted into a CMS or email template where extra whitespace bloats the payload.

پرسش‌های متداول

آیا به‌خوبی SVGO است؟▼
SVGO تهاجمی‌تر است (ساده‌سازی مسیرها، ادغام صفت‌ها). این ابزار رایج‌ترین بهبودها —فاصله‌های خالی، نظرات، سرآیندهای XML— را فوراً در مرورگر شما مدیریت می‌کند.

ابزارهای مرتبط