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— را فوراً در مرورگر شما مدیریت می‌کند.

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