بهینهساز SVG
فایلهای SVG خود را با فناوری AI بهینه کنیدکاهش حجم تا 90% با حفظ کیفیت
فایل SVG را بکشید و رها کنید
یا برای بارگذاری فایل را انتخاب کنید
فایل باید SVG و حداکثر 10MB باشد
رایگان
استفاده نامحدود
بدون نیاز به کارت بانکی
همین حالا شروع کنید
بدون نیاز به ثبت‌نام
بلافاصله استفاده کنید
چرا ما را انتخاب کنید؟
با فناوری AI ما بهترین نتیجه را بگیرید
بهینهسازی سریع
فایلهای SVG را با الگوریتم‌های AI در چند ثانیه بهینه کنید. عملکرد در سطح سازمانی.
کاهش حجم فایل
متادیتا و کدهای اضافی پاک میشوند تا حجم تا 90% کاهش یابد. نتیجه حرفه‌ای تضمین‌شده.
حفظ کیفیت
فایل SVG بهینهشده را بدون افت کیفیت بصری دریافت کنید. کنترل کیفیت در سطح سازمانی.
فناوری مبتنی بر AI
ما فایلهای SVG شما را با جدیدترین فناوری‌های هوش مصنوعی هوشمندانه بهینه می‌کنیم. سامانه ما از هزاران بهینهسازی یاد می‌گیرد و همیشه بهترین نتیجه را تضمین میکند.
نرخ موفقیت 99.9%
10K+ بهینهسازی
استفاده نامحدود
بهینهسازی SVG چگونه کار میکند
فایل شما با SVGO، بهینهساز متن‌باز و پرکاربرد SVG، با پیش‌تنظیم پیش‌فرض و در حالت multipass پردازش میشود: مراحل تا زمانی تکرار میشوند که فایل دیگر کوچک‌تر نشود. تغییرات به این شرح است.
حذف اطلاعات اضافی ویرایشگر و سند
اعلان XML، DOCTYPE، کامنتها و بلوک‌های <metadata> حذف میشوند، همراه با فضای نام‌ها و ویژگیهای اضافی که ویرایشگرهایی مثل Inkscape، Illustrator و Sketch در فایل می‌نویسند. توصیفهای عمومی مثل «Created with…» هم پاک میشوند. هیچ‌کدام بر نحوه رسم تصویر اثری ندارد.
گرد کردن اعداد و بازنویسی داده مسیر
مختصات و دیگر مقادیر عددی تا سه رقم اعشار گرد میشوند. دستورهای مسیر به کوتاه‌ترین شکل معادل بازنویسی میشوند، بخش‌های اضافی حذف میشوند و مسیرهای مجاور با استایل یکسان ممکن است در یکی ادغام شوند.
ساده‌سازی شکل‌ها، گروه‌ها و تبدیل‌ها
مستطیل‌ها، خط‌ها و چندضلعی‌ها در صورتی که کوتاهتر شوند به مسیر تبدیل میشوند. گروه‌ها و ظرف‌های خالی حذف میشوند، گروه‌های پوششی بی‌فایده یکی میشوند و تبدیل‌ها در صورت امکان ترکیب یا مستقیماً اعمال میشوند.
پاک‌سازی استایل‌ها و رنگ‌ها
رنگ‌ها به کوتاه‌ترین شکل نوشته میشوند (مثلاً #ff0000 به red تبدیل میشود)، CSS داخل <style> فشرده میشود، ویژگی‌هایی که فقط مقدار پیش‌فرض SVG را تکرار می‌کنند حذف میشوند و عناصر پنهان یا خالی پاک میشوند.
حذف شناسه‌ها و تعریف‌های استفاده‌نشده
شناسههایی که هیچ چیز داخل فایل به آن‌ها اشاره نمی‌کند حذف میشوند و گرادیان‌ها، الگوها و دیگر <defs>های استفاده‌نشده کنار گذاشته میشوند. شناسههایی که هنوز ارجاع دارند نام اصلی خود را حفظ می‌کنند و کوتاه نمیشوند.
viewBox حفظ میشود، اندازه ثابت نه
viewBox همیشه حفظ میشود تا گرافیک درست مقیاس بگیرد. ویژگیهای width و height حذف میشوند، پس SVG کل کادری را که در آن می‌گذارید پر میکند. خروجی در یک خط و با ترتیب یکسان ویژگی‌ها نوشته میشود که به gzip هم کمک میکند.
چه مواردی بیخطر بهینه میشوند و کجا باید احتیاط کرد
آیکون‌ها، لوگوها و تصویرسازی‌های ثابتی که از ابزارهای طراحی خروجی گرفته‌اند، از جمله SVGهای ساخته‌شده با مبدل‌های ما، بهینه‌سازی‌شان بیخطر است و معمولاً بیشترین سود را می‌برند. در موارد زیر نتیجه را دقیق‌تر بررسی کنید.
شناسه‌های مورد استفاده CSS، جاوااسکریپت یا اسپرایت بیرونی
بهینهساز فقط خود فایل را می‌بیند. اگر یک شیوه‌نامه بیرونی، یک اسکریپت یا یک <use href="icons.svg#name"> در صفحه‌ای دیگر به شناسه‌ای اشاره کند، آن شناسه استفاده‌نشده به نظر می‌رسد و حذف میشود. فایلهایی که خودشان عنصر <style> یا <script> دارند شناسه‌هایشان را حفظ می‌کنند.
SVGهای انیمیشنی
انیمیشن‌های SMIL یا CSS که داده مسیر را دگرگون می‌کنند یا به ساختار مشخصی از گروه‌ها وابسته‌اند، با بازنویسی مسیرها و ادغام گروه‌ها ممکن است خراب شوند. انیمیشن‌های ساده معمولاً سالم می‌مانند، اما پیش از جایگزین کردن فایل اصلی حتماً نتیجه را پیش‌نمایش کنید.
متن دسترسپذیری
عنصر <title> حذف میشود. اگر صفحه‌خوان به برچسب نیاز دارد، در جایی که SVG را جاسازی میکنید روی تگ <img> متن alt یا یک aria-label اضافه کنید.
لایه‌هایی که با کد نمایش یا پنهان میشوند
عناصری که با display="none" یا کدری (opacity) صفر پنهان شدهاند نامرئی فرض و حذف میشوند. اگر اسکریپت شما بعداً آن‌ها را نمایش میدهد، نسخه‌ای را بهینه کنید که این لایه‌ها در آن پنهان نشده‌اند.
فایلهایی که هنوز می‌خواهید ویرایش کنید
لایه‌ها، خطوط راهنما و دیگر داده‌های ویرایشگر Inkscape پس از بهینهسازی از بین می‌روند. فایل منبع را برای ویرایش نگه دارید و فقط نسخه بهینهشده را منتشر کنید.
پرسش‌های متداول درباره بهینهساز SVG
آیا بهینهسازی ظاهر SVG من را تغییر میدهد؟
برای تقریباً همه فایلها خیر. تغییرات فقط دادههایی را که نمایش داده نمیشوند حذف میکند و بقیه را کوتاهتر بازنویسی میکند. تنها اثر قابلمشاهده ممکن است از گرد کردن تا سه رقم اعشار بیاید که در گرافیکهایی با viewBox بسیار کوچک و در اندازههای بزرگ دیده میشود.
فایل SVG من چقدر کوچک میشود؟
بستگی دارد فایل از کجا آمده باشد. فایلهایی که از ابزارهای طراحی با متادیتا، کامنتها و اعداد اعشاری بلند خروجی گرفته شدهاند معمولاً خیلی کوچک میشوند، ولی فایلهایی که از قبل فشرده شدهاند خیلی کم. صفحه نتیجه حجم دقیق قبل و بعد را نشان میدهد.
حداکثر حجم فایل چقدر است؟
میتوانید فایلهای SVG تا 10 MB بارگذاری کنید. بهجای بارگذاری فایل، میتوانید کد SVG را مستقیم در تب «چسباندن کد» بچسبانید.
چرا ویژگیهای width و height حذف شدند؟
بهینهساز viewBox را نگه میدارد و width و height ثابت را برمیدارد تا SVG با ظرف خود مقیاس بگیرد. اگر به اندازه ثابت نیاز دارید، width و height را روی تگ <img> یا در CSS تنظیم کنید.
آیا بهینهسازی SVGهای مورد استفاده در اسپرایت یا جاوااسکریپت بیخطر است؟
احتیاط کنید. شناسههایی که فقط از بیرون فایل ارجاع داده میشوند حذف میشوند، چون بهینهساز این ارجاعها را نمیبیند. فایل بهینهشده را در محل استفاده آزمایش کنید یا برای این موارد نسخه اصلی را نگه دارید.
آیا بهینهساز اطلاعات دسترسپذیری را حذف میکند؟
عنصر <title> و توصیفهای عمومی ویرایشگر را حذف میکند. نام دسترسپذیر را در جایی که SVG را جاسازی میکنید فراهم کنید، مثلاً با متن alt یا aria-label.