Конвертувати SVG у AVIF
AVIF робить найлегшу растрову копію вектора зі збереженням прозорості: пласкі заливки й чисті градієнти стискаються чудово. Виберіть масштаб (1–4×) під потрібну роздільність. Якість за замовчуванням тут 70, а не 60: чіткі векторні межі видають артефакти раніше, ніж фотографія.
Також знадобиться: Конвертувати SVG у WebP
Як це працює
Киньте SVG і виберіть масштаб експорту від 1× до 4×; він множить розмір, заявлений у самому SVG.
Вектор спершу відмальовується в пікселі, потім кодується в AVIF на якості 70 — на пункт вище за фотографічний, задля захисту меж.
Збільште передперегляд на тонких штрихах і дрібному тексті перед підтвердженням і збережіть кожен AVIF чи весь набір архівом.
SVG vs AVIF
Вектор проти растрового кодека — по суті питання про місце призначення: на вашому власному сайті SVG виграє без розмов, але там, де вектори під забороною, AVIF виготовляє найточнішого й найлегшого дублера з цілим альфа-каналом. Якість 70 майже ховає його єдину слабкість — згладжені тонкі лінії.
| SVG | AVIF | |
|---|---|---|
| Стиснення | Векторний (XML-текст) | З втратами або без |
| Прозорість | Так (повний альфа-канал) | Так (повний альфа-канал) |
| Анімація | Так (CSS/SMIL) | Так (використовується рідко) |
| Підтримка | Усі браузери; багато форм завантаження його відхиляють | Усі актуальні браузери (Safari — з 16.4, 2023) |
| Найкраще для | Логотипи, іконки, ілюстрації | Обкладинки та сторінки з великою кількістю фото |
Часті запитання
Ні — саме заради цього сайт і створювався. Конвертація повністю виконується у вашому браузері через WebAssembly: файли не залишають пристрій, і жоден сервер у процесі не бере участі. Після завантаження сторінки інструмент працює навіть без інтернету, а обмеження на розмір файлів — лише пам’ять вашого пристрою.
SVG — векторний формат: у нього немає фіксованого розміру в пікселях, тож роздільність результату обираєте ви. Масштаб множить заявлений розмір SVG: іконка 100×100 при експорті в 3× перетворюється на зображення 300×300. Відрисовка йде з векторів, тож будь-який масштаб виходить ідеально чітким — одразу обирайте розмір під задачу, а не збільшуйте картинку потім.
Коли шлях лежить у веб і байти мають значення: мініатюри наборів іконок, картки для соцмереж, прев’ю на платформах, що блокують SVG. Для ідеальних меж будь-якою ціною найнадійнішим експортом лишається PNG; для всього іншого веб-призначення AVIF важить частку від нього.
Так: у AVIF повний альфа-канал, тож незафарбовані зони SVG лишаються по-справжньому прозорими, разом зі згладженими краями. Логотипи й іконки лягають на будь-який фон без ореолів.
Ваш сайт має віддавати SVG: нескінченна чіткість, мінімальна вага, стилізація через CSS. Растровий AVIF — для майданчиків, що відкидають вектори: картки-прев’ю, маркетплейси, хостинги бейджів, пошта. Справжнє питання не «котрий із двох»: тримайте SVG канонічним, а AVIF-копії експортуйте під кожен майданчик за міркою.
Коли робота складається переважно з тонких штрихів і дрібного тексту: стиснення з втратами пом’якшує їх першими, і на якості 70 це буває помітно. Конвертувати SVG у PNG зберігає кожну межу математично чіткою, а на простих пласких іконках важить заледве більше за AVIF. AVIF злітає, коли картинка велика й повна градієнтів.
Схожі інструменти
Конвертувати SVG у WebP
Конвертуйте SVG у WebP у браузері — безкоштовно, приватно, без завантаження файлів. Маленькі чіткі растрові копії вектора, з альфою й масштабом від 1 до 4×.
Конвертувати SVG у PNG
Конвертуйте SVG у PNG у браузері — безкоштовно, без завантаження файлів. Масштаб від 1 до 4× дає чіткі іконки й логотипи будь-якого розміру, із прозорістю.
Конвертувати PNG у AVIF
Конвертуйте PNG у AVIF прямо в браузері — безкоштовно і без завантаження на сервер. Прозорість лишається на місці, а файл зазвичай легшає на 80–95%.
Конвертувати SVG у ICO (фавікон)
Конвертуйте SVG у ICO прямо в браузері — безкоштовно й без завантаження. Найкращий вихідник для фавікона: вектори виходять чіткими на 48, 32 і навіть 16 px.