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