SVG в WebP
Конвертируйте файлы SVG в компактные изображения WebP: они загружаются быстрее PNG и JPG, сохраняя чёткие края и прозрачность. Идеально для иконок и
Перетащите файл SVG сюда
или нажмите, чтобы выбрать файлы
Конвертируйте графику SVG в WebP — формат, который при том же визуальном качестве даёт файлы меньше, чем PNG или JPG, сохраняя при этом резкие края и прозрачность. Именно это сочетание делает его выбором по умолчанию для иконок и логотипов на современном сайте.
WebP поддерживается всеми актуальными браузерами, поэтому беспокойство о совместимости в основном осталось в прошлом. Если всё же нужно обслуживать очень старые клиенты, держите запасной PNG; в остальных случаях WebP просто лучше как файл.
Как конвертировать SVG в WebP
Выберите файл .svg
Задайте размер вывода и качество
Скачайте WebP
Частые вопросы
WebP поддерживается везде?
Да, в актуальных Chrome, Firefox, Safari и Edge, включая мобильные. Запасной PNG или JPG нужен только очень старым браузерам.
Он меньше PNG?
Для большинства изображений заметно — часто на 25–50 % меньше при том же визуальном качестве, и при этом он сохраняет прозрачность там, где PNG был бы крупнее.
WebP может быть анимированным?
Формат поддерживает анимацию, но этот конвертер создаёт из вашего SVG одно статичное изображение.
Как использовать его на сайте?
Ссылайтесь на него как на любое изображение: файл .webp в теге <img> работает напрямую, и поддерживающие его браузеры воспользуются им автоматически.
Графические редакторы его откроют?
Актуальные версии Photoshop, GIMP, Affinity и большинство редакторов кода работают с WebP. Очень старые инструменты могут не работать — это и есть главная причина держать копию в PNG.
Мой файл куда-то загружается?
Нет, конвертация происходит локально в вашем браузере.
Кратко
| Ввод | SVG |
|---|---|
| Несколько файлов | Нет |
| Где работает | В вашем браузере — файлы никуда не загружаются |
| Работает офлайн | Да — после загрузки страницы |
| Цена | Бесплатно, без регистрации, без водяных знаков |
Какой формат вывода выбрать
Если вы начали с SVG и нужен растровый файл, PNG — почти всегда правильный ответ: он сохраняет прозрачность, не даёт артефактов сжатия вокруг краёв и текста и остаётся чётким, если отрендерить его в два или три раза больше размера отображения. Выбирайте JPG только тогда, когда нужен максимально маленький файл и нечего защищать — ни прозрачности, ни мелких деталей, — и помните, что он вообще не умеет передавать прозрачность: прозрачные области становятся белыми или чёрными. Выбирайте WebP, когда изображение идёт на сайт и вам нужны и прозрачность, и файл меньше. Что бы вы ни выбрали, экспортируйте с более высоким разрешением, чем кажется нужным: уменьшение большого чистого рендера всегда выглядит лучше, чем увеличение маленького.
Практические замечания о выводе SVG
SVG — это текст, поэтому он масштабируется вместе с разрешением, которое вы выбираете при экспорте: рендеринг в 2x или 3x от предполагаемого размера отображения сохраняет чёткость на экранах с высокой плотностью. Поскольку это текст, он ещё и хорошо сжимается и кешируется, и его можно стилизовать с помощью CSS и анимировать. Два момента, за которыми стоит следить: текст в SVG зависит от наличия шрифтов, поэтому перевод текста в контуры даёт файл, который выглядит одинаково везде, но больше не выделяется и не ищется; а SVG может содержать скрипты и внешние ссылки, из-за чего формы загрузки и почтовые клиенты часто их отклоняют.