SVG в PNG
Конвертируйте векторные файлы SVG в качественные изображения PNG с сохранением прозрачности. Выберите размер и получите чёткий растр для сайтов, приложений и
Перетащите файл SVG сюда
или нажмите, чтобы выбрать файлы
Конвертируйте SVG в PNG ровно того размера, который нужен, с сохранением прозрачности. Задайте ширину или высоту вывода, и результат отрисуется в этом разрешении — именно это нужно для иконок приложений, изображений для соцсетей или любого места, где требуется растровый файл.
PNG — правильная цель, когда в графике есть прозрачность или резкие края: логотипы, иконки, схемы и текст. Поскольку SVG отрисовывается браузером сразу в выбранном размере, а не увеличивается из маленького растра, результат остаётся чётким при любых размерах.
Как конвертировать SVG в PNG
Выберите файл .svg
Задайте размер вывода
Скачайте PNG
Частые вопросы
Прозрачность сохраняется?
Да, PNG поддерживает альфа-канал, поэтому прозрачные области SVG остаются прозрачными, а не становятся белыми.
В каком размере экспортировать?
Экспортируйте самый крупный размер, в котором будете показывать изображение, или удвойте его для экранов с высокой плотностью. 512×512 покрывает иконки приложений, а 1920 px — хорошая основа для широкого баннера.
Почему мой SVG выглядит неправильно?
Некоторые SVG ссылаются на внешние шрифты или изображения, которые нельзя загрузить при автономной отрисовке, а фильтры и режимы наложения могут отрисоваться иначе. Встраивание шрифтов контурами в исходный файл решает большинство случаев.
Можно конвертировать несколько файлов сразу?
Конвертер обрабатывает один файл за запуск; для пакета повторите операцию или сконвертируйте один раз и потом измените размер копий.
Что лучше для веба — SVG или PNG?
Для иконок и логотипов используйте сам SVG: он меньше и масштабируется идеально. Конвертируйте в PNG только тогда, когда платформа не принимает SVG или нужен фиксированный растровый размер.
Мой файл куда-то загружается?
Нет, отрисовка происходит в вашем браузере.
Кратко
| Ввод | SVG |
|---|---|
| Несколько файлов | Нет |
| Где работает | В вашем браузере — файлы никуда не загружаются |
| Работает офлайн | Да — после загрузки страницы |
| Цена | Бесплатно, без регистрации, без водяных знаков |
Какой формат вывода выбрать
Если вы начали с SVG и нужен растровый файл, PNG — почти всегда правильный ответ: он сохраняет прозрачность, не даёт артефактов сжатия вокруг краёв и текста и остаётся чётким, если отрендерить его в два или три раза больше размера отображения. Выбирайте JPG только тогда, когда нужен максимально маленький файл и нечего защищать — ни прозрачности, ни мелких деталей, — и помните, что он вообще не умеет передавать прозрачность: прозрачные области становятся белыми или чёрными. Выбирайте WebP, когда изображение идёт на сайт и вам нужны и прозрачность, и файл меньше. Что бы вы ни выбрали, экспортируйте с более высоким разрешением, чем кажется нужным: уменьшение большого чистого рендера всегда выглядит лучше, чем увеличение маленького.
Практические замечания о выводе SVG
SVG — это текст, поэтому он масштабируется вместе с разрешением, которое вы выбираете при экспорте: рендеринг в 2x или 3x от предполагаемого размера отображения сохраняет чёткость на экранах с высокой плотностью. Поскольку это текст, он ещё и хорошо сжимается и кешируется, и его можно стилизовать с помощью CSS и анимировать. Два момента, за которыми стоит следить: текст в SVG зависит от наличия шрифтов, поэтому перевод текста в контуры даёт файл, который выглядит одинаково везде, но больше не выделяется и не ищется; а SVG может содержать скрипты и внешние ссылки, из-за чего формы загрузки и почтовые клиенты часто их отклоняют.