چگونه فایل‌های SVG را فشرده کنیم.

کمپرسور SVG را باز کنید و یک فایل SVG انتخاب کنید یا یک نمونه را امتحان کنید. نمونه svg-compressor.svg است، یک علامت مدار 985-بایتی با 512 × 512 viewBox، پرکننده گرادیان، عنوان و توضیحات. وقتی نشانه‌گذاری قبلاً در ویرایشگر یا کلیپ‌بورد است از Paste SVG استفاده کنید.

این ابزار تا 20 فایل با حجم 2 مگابایت برای هر کدام را می‌پذیرد. این ابزار یک سند کامل SVG را تجزیه می‌کند و اعلامیه‌های استاندارد سند SVG را بدون بارگذاری فایل‌های خارجی حذف می‌کند. XML ناقص، اعلامیه‌های موجودیت سفارشی و زیرمجموعه‌های سند داخلی رد می‌شوند. فایل‌های بسیار پیچیده نیز ممکن است به محدودیت عنصر یا زمان پردازش برسند.

این گردش کار، آثار هنری وکتور ثابت تولید می‌کند. اسکریپت‌ها، کنترل‌کننده‌های رویداد، منابع خارجی، انیمیشن و تصاویر رستر تعبیه‌شده حذف می‌شوند. پیش‌نمایش اصلی قبلاً پاک‌سازی شده است، بنابراین نباید به عنوان رندر نامحدود از هر ویژگی در فایل منبع تفسیر شود.

دو پنل پیش‌نمایش، نسخه اصلی پاک‌سازی‌شده و نتیجه بهینه‌شده را نشان می‌دهند. اندازه‌های کنار Original و Optimized و خلاصه بایت، فایل منبع را با خروجی نهایی مقایسه می‌کنند. اگر بهینه‌سازی باعث بزرگ‌تر شدن یک فایل خاص شود، این ابزار افزایش را گزارش می‌دهد، نه اینکه هر بار وعده کاهش بدهد.

تنظیمات را باز کنید و دقت اعشاری را برای این مثال روی 2 تنظیم کنید. دقت از 1 تا 5 متغیر است و از 3 شروع می‌شود. مقادیر کمتر می‌توانند هندسه عددی را ساده کنند اما ممکن است منحنی‌های ظریف، شکاف‌های کوچک یا لبه‌های تراز شده را جابجا کنند. وقتی پیش‌نمایش جزئیات مهم را از دست می‌دهد، آن را افزایش دهید.

این نمونه از هندسه ساده استفاده می‌کند، بنابراین دقت 2 شکل قابل تشخیص آن را حفظ می‌کند. سایر SVGها با مختصات اعشاری پیچیده ممکن است بیشتر تغییر کنند. مشاهده نشانه‌گذاری SVG بهینه‌شده، متن واقعی که دانلود خواهد شد را نمایش می‌دهد؛ این یک نمایش جداگانه از نسخه اصلی نیست.

گزینه Keep accessible titles and descriptions را برای مثال کاری فعال بگذارید. این کار عنوان و توضیحات SVG را حفظ می‌کند در حالی که فراداده‌های اضافی ویرایشگر را حذف کرده و نشانه‌گذاری واجد شرایط را ساده می‌کند. این‌ها انواع متفاوتی از اطلاعات هستند و نباید به عنوان قابل تعویض با یکدیگر در نظر گرفته شوند.

گزینه Shorten internal IDs به طور پیش‌فرض روشن است. بهینه‌ساز ارجاعات درون SVG را به‌روزرسانی می‌کند، اما CSS خارجی یا جاوا اسکریپت ممکن است همچنان به شناسه‌های اصلی متکی باشند. وقتی فایل بخشی از یک برنامه بزرگ‌تر است که عناصر خود را نام‌گذاری می‌کند، این گزینه را خاموش کنید و SVG نهایی را در آن زمینه آزمایش کنید.

گزینه‌های Responsive dimensions و Readable output markup را برای این مثال خاموش بگذارید. Responsive dimensions عرض و ارتفاع ثابت را زمانی که coordinate viewBox می‌تواند اندازه‌بندی مقیاس‌پذیر ارائه دهد، حذف می‌کند. Readable output تورفتگی اضافه می‌کند و برای نگهداری مفید است، اما می‌تواند اندازه متن را افزایش دهد.

Start و سپس Download را انتخاب کنید. خروجی کاری 635 بایت در مقایسه با منبع 985-بایتی است: یک کاهش 35.5 درصدی. عنوان و توضیحات آن باقی می‌ماند و مقایسه نمایش‌داده‌شده از منبع اصلی و SVG دانلودشده رندر می‌شود.

این مقاله هر دو بردار را در 1,024 پیکسل رندر می‌کند تا تصویری واضح از نتیجه ارائه دهد؛ اندازه مختصات منطقی آن‌ها همچنان 512 × 512 باقی می‌ماند. پیش‌نمایش بزرگ‌تر، محتوای رستر به SVG ذخیره‌شده اضافه نمی‌کند. قبل از جایگزینی یک دارایی تولیدی موجود، بردار واقعی را در صفحه مقصد خود بررسی کنید.

یک فایل با نام اصلی خود به صورت SVG دانلود می‌شود. یک دسته فایل به صورت یک فایل ZIP با پسوندهای شماره‌گذاری‌شده برای نام‌های تکراری دانلود می‌شود. پردازش در مرورگر انجام می‌شود. اگر می‌خواهید بعداً تنظیمات بهینه‌سازی متفاوتی را امتحان کنید، منبع اصلی را نگه دارید.