بهینه‌ساز و فشرده‌ساز SVG رایگان

نحوه کار

این ابزار اندازه فایل SVG را با استفاده از یک بهینه‌ساز دست‌نویس که کاملاً در مرورگر شما اجرا می‌شود کاهش می‌دهد — بدون کتابخانه، بدون سرور. دو پاس را ترکیب می‌کند: DOMParser/XMLSerializer داخلی مرورگر برای کار دقت سطح-ویژگی، و جایگزینی‌های عبارت باقاعده هدفمند برای حذف کامنت، حذف متادیتا، و جمع‌شدن فضای خالی.

1. 1
   DOMParser SVG را پاکسازی می‌کند

   پیش از هر بهینه‌سازی، DOMParser مرورگر SVG را به‌عنوان XML می‌خواند و هر عنصر را می‌گردد. تگ‌های اسکریپت، کنترل‌کننده‌های رویداد (هر ویژگی on*)، عناصر انیمیشن، و ارجاعات URL خارجی به‌طور غیرشرطی حذف می‌شوند — این صرف‌نظر از اینکه کدام گزینه‌های بهینه‌سازی را انتخاب می‌کنید اجرا می‌شود.
2. 2
   گرد کردن دهدهی مبتنی-بر-DOM

   اگر گرد کردن اعشار فعال باشد، بهینه‌ساز DOM تجزیه‌شده را بار دوم پیمایش می‌کند و گرد کردن را فقط روی ویژگی‌های عددی شناخته‌شده (داده path d، مختصات، مقادیر transform، عرض‌های stroke و غیره) اعمال می‌کند، با عبارت باقاعده‌ای که اعداد ممیز شناور منفرد را بدون خراب کردن مقادیر پیوسته path مانند .5.5 تطبیق می‌دهد.
3. 3
   پاس‌های عبارت باقاعده مارک‌آپ سریال‌شده را پاک می‌کنند

   XMLSerializer خروجی XML نرمال‌شده تولید می‌کند، سپس جایگزینی‌های رشته‌ای هدفمند کامنت‌های HTML، متادیتای ویرایشگر Inkscape/Sodipodi، اعلان XML، ویژگی‌های پیش‌فرض اضافی (مانند version="1.1") و فضای خالی بین تگ‌ها را حذف می‌کنند — دامنه هر پاس محدود است تا محتوای گره‌های متنی هرگز دست نخورد.
4. 4
   اندازه Gzip و فرمت‌های صدور

   API داخلی CompressionStream مرورگر اندازه‌های واقعی gzip هم ورودی هم خروجی را محاسبه می‌کند، چون این چیزی است که واقعاً هزینه انتقال روی وب را تعیین می‌کند. SVG بهینه‌شده می‌تواند دانلود شود، به‌عنوان SVG خام کپی شود، به ویژگی‌های camelCase آماده-React-JSX تبدیل شود، یا به‌عنوان یک URI داده CSS کدگذاری شود — همه تبدیل‌ها به‌صورت محلی اتفاق می‌افتند.

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