Інструменти95

СТВОРЮЙТЕ ВЕЛИКЕ

Компресор SVG.

Стискайте та мінімізуйте файли SVG з порівнянням у реальному часі та підрахунком розміру. Налаштовуйте точність, зберігайте заголовки та описи, а також завантажуйте один SVG або пакетний ZIP-архів.

Реклама
Ваша робоча область зображень
На вашому пристрої
або перетягніть сюди
SVG
Виберіть зображення, щоб почати.ЗОБРАЖЕННЯ
Реклама
Блог Як стискати файли SVG Читати посібник

Зробіть SVG графіку легшою, переглядаючи кожну зміну

Оптимізуйте статичні SVG іконки та ілюстрації за допомогою порівняння поруч і перевірки розміру файлу. Налаштуйте точність, збережіть доступні описи та завантажте оптимізований SVG або ZIP-архів файлів.

Чіткий вигляд «до та після» полегшує оцінку векторної оптимізації.
ШВИДКИЙ ВІДЕОУРОК How to compress an SVG with a preview Choose an SVG, review the comparison, adjust precision and download the optimized vector. Англійська озвучка Переглянути відео

How to compress an SVG with a preview

Функції та елементи керування

Завантажте SVG файли або вставте розмітку

Використовуйте форму завантаження або вкладку «Вставити SVG».

Прийнятний SVG вхідний файл

Завантажте до 20 файлів SVG, кожен розміром не більше 2 МБ. Вставка SVG приймає один документ розмітки та відкриває його як зображення. Файл має бути коректним SVG. Стандартні декларації документів SVG видаляються без завантаження зовнішніх файлів; власні декларації сутностей та внутрішні підмножини документів відхиляються. Інструмент призначений для статичної векторної графіки, а не для інтерактивних або анімованих SVG додатків.

Порівняйте очищений оригінал та оптимізований результат

Дві панелі показують одну й ту саму графіку до та після оптимізації.

Що означає попередній перегляд оригіналу

Обидва попередні перегляди містять очищений статичний SVG. Панель «Оригінал» не є візуалізацією небезпечної вихідної розмітки. Оптимізована панель оновлюється після зміни налаштувань. Кількість байтів порівнює розмір завантаженого файлу з готовим результатом, а статус точно повідомляє про зменшення або збільшення. Вже компактний SVG може не стати меншим. Розміри файлів відображаються поруч із «Оригіналом» та «Оптимізованим», щоб ви могли порівняти вихідні байти зі збереженим результатом.

Виберіть практичний рівень точності

Десяткова точність варіюється від 1 до 5, починаючи з 3.

Числа, криві та дрібні деталі

Нижча точність агресивніше округлює геометрію і може зменшити розмір файлу. Це також може змінити положення тонких країв або змінити дуже малу фігуру. Почніть з 3, порівняйте попередні перегляди та збільште точність для складної графіки. Оптимізація також видаляє зайві метадані та спрощує відповідні фігури та дані шляхів.

Збережіть доступні описи та корисні ідентифікатори

Доступні заголовки та описи зберігаються за замовчуванням.

Доступність та зовнішні посилання

Параметр «Зберігати доступні заголовки та описи» залишає елементи SVG title та description. «Скорочувати внутрішні ідентифікатори» увімкнено спочатку; внутрішні посилання оновлюються разом. Вимкніть це, якщо зовнішній CSS або JavaScript залежить від конкретних ідентифікаторів, а потім перевірте SVG на цільовій сторінці. Читабельна вихідна розмітка жертвує частиною стиснення заради коду з відступами.

Підготуйте адаптивні векторні файли

Адаптивні розміри видаляють фіксований розмір, якщо доступний viewBox.

Розміри та перевірка розмітки

ViewBox визначає систему координат вектора. Адаптивні розміри дозволяють CSS та контексту вбудовування встановлювати розмір відображення без фіксованої ширини та висоти на SVG. Це не змінює співвідношення сторін зображення. Відкрийте «Переглянути оптимізовану SVG розмітку», щоб перевірити точний текст, який буде завантажено.

Збережіть один файл або всю партію

Оригінальні базові назви зберігаються, а кілька файлів завантажуються як один ZIP-архів.

Локальна обробка та очищення

Аналіз, очищення та оптимізація виконуються в браузері за допомогою локального робочого процесу оптимізації з обмеженням за часом. Скрипти, обробники подій, зовнішні ресурси, анімація та вбудовані растрові зображення видаляються. Ваш оригінальний файл не змінюється. Виберіть «Почати», щоб створити оптимізований результат; перевірте його вигляд і поведінку в цільовому проекті перед заміною вихідного ресурсу.

Файли та обробка

Вхідні дані
SVG файли або вставлена SVG розмітка
Вихідні дані
Оптимізований SVG або один ZIP-архів для кількох SVG файлів

Максимум 2 МБ на файл. До 20 вхідних файлів за запуск.

До 20 файлів по 2 МБ кожен. Кожен SVG може містити до 20,000 елементів; складні файли можуть досягти ліміту оптимізації в 15 секунд.

Аналіз, очищення та оптимізація SVG виконуються на вашому пристрої. Завантажені SVG файли не надсилаються на сервер для цього інструменту.

Цей інструмент обробляє та експортує файли у вашому браузері. Завантажене зображення є окремим файлом; вихідний файл на вашому пристрої не перезаписується.

Для отримання результату зображення використовуйте «Продовжити» під результатами завантаження, щоб вибрати сумісний наступний крок. Ви можете вибрати, які зображення перенести; наступний інструмент запускається з власними налаштуваннями.

Оновлення редактора або сторінки завантаження поверне вас на сторінку інструмента. Завантажте результат перед початком нового робочого процесу. Дивіться наші Політика конфіденційності щодо обробки файлів.

FAQ

Корисно знати.

Кілька відповідей перед початком.

На вашому пристрої
Чи буде оптимізований SVG виглядати точно так само?

Оптимізатор прагне зберегти статичний вигляд, але округлення та видалення непідтримуваного вмісту можуть змінити файл. Порівняйте попередні перегляди та протестуйте збережений SVG у своєму проекті.

На що впливає десяткова точність?

Вона керує точністю, що використовується для числових даних геометрії та шляхів. Менші значення можуть зменшити розмір, але можуть змінити дрібні деталі. Значення за замовчуванням — 3.

Чи зберігаються заголовок і опис?

Так, за замовчуванням. Залиште ввімкненим параметр «Зберігати доступні заголовки та описи», щоб зберегти ці елементи SVG.

Чому зникають скрипти або растрові зображення?

Цей інструмент створює статичний векторний вихідний файл. Скрипти, події, зовнішні ресурси, анімація та вбудовані растрові зображення навмисно видаляються під час очищення.

Чи можна зберегти ідентифікатори, на які посилається CSS?

Вимкніть «Скорочувати внутрішні ідентифікатори», якщо зовнішній код залежить від конкретних ідентифікаторів. Перевірте оптимізований файл на цільовій сторінці перед заміною оригіналу.

Чи завантажуються файли SVG для оптимізації?

Ні. Інструмент виконує аналіз та оптимізацію в браузері та завантажує результат локально.

Чи можна завантажити SVG з DOCTYPE?

Стандартна декларація документа SVG приймається та видаляється без отримання її зовнішнього ідентифікатора. Спеціальні декларації сутностей та внутрішні підмножини документа відхиляються.

Реклама

Мова38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Виберіть мову. Відеоуроки наразі мають англійське озвучення.