Превью
Как конвертировать SVG в PNG
Конвертер SVG в PNG
Инструмент растрирует SVG в PNG без потерь и с сохранением прозрачного фона. Вы вставляете код, задаете масштаб - и забираете готовую картинку.
PNG выбирают, когда растру нужна прозрачность и предельная резкость границ: иконки и логотипы на прозрачном фоне, скриншоты, ассеты для приложений, вставка в мессенджеры и редакторы без поддержки вектора.
Чем PNG отличается от исходного SVG
| Свойство | SVG | PNG на выходе |
|---|---|---|
| Тип | вектор, формулы кривых | растр, сетка пикселей |
| Масштабирование | без потерь на любой размер | резкий только на заданном |
| Прозрачность | есть | сохраняется (альфа-канал) |
Экспорт под плотные экраны
Для Retina и других плотных экранов задавайте масштаб 2x или 3x: иконка 24px превратится в 48px или 72px и не размылится. Мельче исходного размера уводить масштаб не стоит - потеряются детали.
Как перевести SVG в PNG
-
Вставьте код SVG
Скопируйте разметку векторного изображения в поле с подписью "Вставьте SVG...".
-
Выберите масштаб
Ползунком "Масштаб" задайте размер растра. PNG выходит без потерь и с прозрачностью, поэтому качество и фон настраивать не нужно.
-
Проверьте превью
В предпросмотре появится картинка, а рядом - размер в пикселях и вес PNG.
Вопросы и ответы
Размером управляет ползунок "Масштаб": он умножает размер из viewBox. Для иконки 24px при 4x получится 96px.
PNG сжимается без потерь и держит прозрачность. На фото он крупнее, зато на линиях, тексте и иконках края остаются идеально четкими.
PNG нужен там, где требуется растр с прозрачностью: аватары, ассеты для приложений, вставка в редакторы и мессенджеры без поддержки вектора.
На выбранном размере границы резкие. При растягивании готового PNG появятся пиксели, поэтому экспортируйте сразу в нужном масштабе.