Це те саме, що SVGO або SVGOMG?

Тут працює сам SVGO — той самий рушій, який використовує SVGOMG, — з його пресетом за замовчуванням і тими самими плагінами у вигляді перемикачів. Усе працює у вашому браузері.

Чи змінить оптимізація вигляд мого SVG?

З налаштуваннями за замовчуванням — ні. Дуже низька точність може викривити тонкі криві, а деякі додаткові опції змінюють розміри або доступність — прев’ю до і після одразу показує різницю.

Чи можна оптимізувати кілька SVG-файлів одночасно?

Так. Перетягніть скільки завгодно файлів, змініть налаштування один раз для всіх і завантажте їх разом у ZIP.

Навіщо показується розмір із gzip?

Вебсервери зазвичай віддають SVG, стиснений gzip, тож це ближче до того, що відвідувачі насправді завантажують.

Чи завантажуються мої файли на сервер?

Ні. SVGO працює у вашому браузері, і файли ніколи не залишають ваш пристрій.

Оптимізація SVG онлайн: стиснути й мініфікувати SVG

Оптимізатор SVG

Зменшуйте SVG-файли за допомогою SVGO: видалення даних редактора, округлення чисел, спрощення шляхів — із прев'ю до і після.

Усе виконується локально — нічого не надсилається на сервер.

Менші SVG-файли, які виглядають точнісінько так само

SVG, експортовані з Illustrator, Figma, Inkscape чи Sketch, несуть багато зайвої ваги, яку браузер ніколи не малює: метадані редактора, коментарі, приховані шари, числа з вісьмома знаками після коми, групи всередині груп. Цей оптимізатор запускає SVGO — стандартний інструмент оптимізації SVG — у вашому браузері, щоб усе це прибрати, і показує результат поруч з оригіналом, щоб ви бачили: змінився лише розмір.

Як оптимізувати SVG

1Перетягніть один чи кілька SVG-файлів, виберіть їх або вставте SVG-розмітку.
2Перегляньте прев’ю до і після та зекономлений розмір для кожного файлу.
3Зменште Точність, щоб файли стали меншими; збільште її, якщо криві починають виглядати неправильно.
4Вмикайте й вимикайте окремі плагіни SVGO — наприклад, видаліть width і height, щоб SVG масштабувався через CSS.
5Завантажте оптимізований SVG, скопіюйте розмітку або завантажте всі файли разом у ZIP.

Що видаляється

Дані редактора: Метадані, коментарі, XML-декларація і doctype, а також простори імен і атрибути, які Inkscape, Illustrator і Sketch додають для себе.
Надлишкова розмітка: Порожні групи й атрибути, значення за замовчуванням, приховані елементи, невикористані визначення та ID, а також групи, що обгортають єдиний елемент.
Багатослівна геометрія: Дані шляхів переписуються відносними командами з меншою кількістю цифр, фігури стають коротшими шляхами, а трансформації за можливості вбудовуються в координати.

Безпечні налаштування за замовчуванням, сильніші опції

Набір за замовчуванням — це власний пресет SVGO, підібраний так, щоб зображення не змінювалося. Додаткові опції йдуть далі, але змінюють не лише розмір: без width і height SVG заповнює свій контейнер, без заголовка його назва прихована від екранних читачів, а видалення xmlns підходить лише для SVG, вставленого безпосередньо в HTML.

Щоб спершу перетворити растрове зображення на SVG, скористайтеся конвертером зображень — він може надіслати SVG одразу сюди; щоб вбудувати результат, скористайтеся зображенням у Base64.

Поширені запитання

Це те саме, що SVGO або SVGOMG?: Тут працює сам SVGO — той самий рушій, який використовує SVGOMG, — з його пресетом за замовчуванням і тими самими плагінами у вигляді перемикачів. Усе працює у вашому браузері.
Чи змінить оптимізація вигляд мого SVG?: З налаштуваннями за замовчуванням — ні. Дуже низька точність може викривити тонкі криві, а деякі додаткові опції змінюють розміри або доступність — прев’ю до і після одразу показує різницю.
Чи можна оптимізувати кілька SVG-файлів одночасно?: Так. Перетягніть скільки завгодно файлів, змініть налаштування один раз для всіх і завантажте їх разом у ZIP.
Навіщо показується розмір із gzip?: Вебсервери зазвичай віддають SVG, стиснений gzip, тож це ближче до того, що відвідувачі насправді завантажують.
Чи завантажуються мої файли на сервер?: Ні. SVGO працює у вашому браузері, і файли ніколи не залишають ваш пристрій.