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