Оптимізатор SVG
Оптимізуйте SVG-файли за допомогою AIЗменшуйте розмір файлу до 90% без втрати якості
Перетягніть SVG-файл сюди
або виберіть файл на пристрої
Файл SVG розміром до 10 MB
Безкоштовно
Без обмежень
Без банківської картки
Починайте одразу
Без реєстрації
Користуйтеся одразу
Чому обирають нас
Найкращий результат завдяки технології на основі AI
Швидка оптимізація
Оптимізуйте SVG-файли за лічені секунди за допомогою AI-алгоритмів. Продуктивність корпоративного рівня.
Менший розмір файлу
Зайві метадані й код видаляються, а розмір файлу зменшується до 90%. Професійний результат гарантовано.
Якість зберігається
Отримуйте оптимізовані SVG-файли без втрати візуальної якості. Контроль якості корпоративного рівня.
Технологія на основі AI
Ми інтелектуально оптимізуємо ваші SVG-файли за допомогою новітніх технологій штучного інтелекту. Наша система вчиться на тисячах оптимізацій і завжди гарантує найкращий результат.
99,9% успішних оптимізацій
10K+ оптимізацій
Без обмежень
Як працює оптимізація SVG
Файл обробляється в SVGO, поширеному open-source оптимізаторі SVG, із типовим набором налаштувань у багатопрохідному режимі: проходи повторюються, доки файл меншає. Ось що при цьому змінюється.
Видаляється службова інформація редакторів і документа
Видаляються XML-оголошення, DOCTYPE, коментарі та блоки <metadata>, а також зайві простори імен і атрибути, які записують у файл редактори на кшталт Inkscape, Illustrator і Sketch. Типові описи «Created with…» теж прибираються. На відображення зображення це не впливає.
Числа округлюються, дані контурів переписуються
Координати й інші числові значення округлюються до трьох знаків після коми. Команди контурів переписуються в найкоротшу рівнозначну форму, зайві сегменти видаляються, а сусідні контури з однаковим оформленням можуть об'єднуватися в один.
Спрощуються фігури, групи й трансформації
Прямокутники, лінії та багатокутники перетворюються на контури, якщо так виходить коротше. Порожні групи й контейнери видаляються, групи-обгортки без користі згортаються, а трансформації об'єднуються або застосовуються, де це можливо.
Стилі та кольори очищаються
Кольори записуються в найкоротшому вигляді (наприклад, #ff0000 стає red), CSS усередині <style> мінімізується, атрибути, що лише повторюють типові значення SVG, видаляються, так само як приховані чи порожні елементи.
Невикористані ID та визначення видаляються
Видаляються ID, на які ніщо у файлі не посилається, а також невикористані градієнти, візерунки й інші елементи <defs>. ID, на які є посилання, зберігають свої назви: вони не скорочуються.
viewBox зберігається, фіксовані розміри ні
viewBox завжди зберігається, щоб графіка масштабувалася правильно. Атрибути width і height видаляються, тому SVG заповнює весь доступний простір. Результат записується в один рядок з атрибутами в єдиному порядку, що також допомагає gzip.
Що можна оптимізувати безпечно і коли бути уважнішим
Статичні іконки, логотипи та ілюстрації, експортовані з графічних редакторів, зокрема SVG з наших конвертерів, оптимізуються безпечно й зазвичай виграють найбільше. У наведених нижче випадках перевіряйте результат уважніше.
ID, що використовуються зовнішнім CSS, JavaScript або спрайтами
Оптимізатор бачить лише сам файл. Якщо ID використовується в зовнішній таблиці стилів, скрипті або в <use href="icons.svg#name"> на іншій сторінці, він вважається невикористаним і буде видалений. Файли з власним елементом <style> або <script> зберігають свої ID.
Анімовані SVG
Анімації SMIL або CSS, що змінюють дані контуру чи залежать від конкретної структури груп, можуть зламатися під час переписування контурів і згортання груп. Прості анімації зазвичай зберігаються, але перед заміною оригіналу завжди перевіряйте результат.
Тексти для доступності
Елемент <title> видаляється. Якщо скринридеру потрібен підпис, додайте alt-текст до тегу <img> або aria-label там, де ви вставляєте SVG.
Шари, які показуються й ховаються кодом
Елементи, приховані через display="none" або нульову прозорість, вважаються невидимими й видаляються. Якщо ваш скрипт показує їх пізніше, оптимізуйте копію, де ці шари не приховані.
Файли, які ви ще редагуватимете
Шари, напрямні та інші дані редактора Inkscape після оптимізації зникають. Зберігайте вихідний файл для редагування, а на сайті публікуйте оптимізовану копію.
Запитання про оптимізатор SVG
Чи зміниться вигляд SVG після оптимізації?
Майже для всіх файлів ні. Видаляються дані, які не відображаються, а решта записується коротше. Помітним може бути лише округлення до трьох знаків після коми — воно може проявитися на графіці з дуже малим viewBox за великого збільшення.
Наскільки зменшиться розмір SVG-файлу?
Це залежить від джерела файлу. Файли з графічних редакторів із метаданими, коментарями та довгими десятковими числами часто меншають сильно, а вже мінімізовані майже не змінюються. Точний розмір до і після показано на сторінці результату.
Який максимальний розмір файлу?
Можна завантажити SVG-файли до 10 MB. Замість файлу можна вставити SVG-код прямо на вкладці «Вставити код».
Чому видалилися атрибути width і height?
Оптимізатор зберігає viewBox і прибирає фіксовані width і height, щоб SVG масштабувався під контейнер. Якщо потрібен фіксований розмір, задайте width і height у тегу <img> або в CSS.
Чи безпечно оптимізувати SVG зі спрайта або ті, що використовуються в JavaScript?
Будьте обережні. ID, на які посилаються лише ззовні файлу, видаляються, бо оптимізатор не бачить цих посилань. Перевірте оптимізований файл на місці використання або збережіть оригінал для таких випадків.
Чи видаляє оптимізатор інформацію для доступності?
Він видаляє елемент <title> і типові описи редакторів. Задайте доступну назву там, де вставляєте SVG, наприклад через alt-текст або aria-label.