Конвертувати 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.