SVG в PNG
Конвертируйте SVG-графику в PNG любого размера — 1x, 2x или 4x — с прозрачным или белым фоном. Работает полностью в браузере, ничего не загружается.
Перетащите изображение сюда или нажмите, чтобы выбрать
Локальная обработка — ничего не загружается
Как конвертировать SVG в PNG
Перетащите SVG-файл в поле. Векторная графика мгновенно загрузится и отобразится в исходном размере. Файл остаётся в этой вкладке и никуда не загружается.
Выберите ширину вывода и масштаб — экспортируйте в 1x, 2x или 4x для retina-экранов. Выберите прозрачный фон или залейте его белым.
Нажмите «Конвертировать» и скачайте PNG. Он открывается везде — в чатах, соцсетях и офисных программах, которые не принимают SVG-файлы.
Практические советы
PNG против SVG: выбор правильного формата под задачу
Два формата отвечают на разные вопросы. SVG отвечает на «как сохранить резкость при любом размере?» — идеален, пока вы проектируете, редактируете или строите сайт. PNG отвечает на «как гарантировать, что это откроется везде?» — идеален для передачи, ведь каждая ОС, чат-приложение и браузер показывают PNG десятилетиями. Практичный рабочий процесс использует оба: храните мастер как SVG в дизайн-инструменте и экспортируйте PNG-копии в точных размерах, нужных каждой платформе. Этот конвертер закрывает шаг экспорта — векторный мастер-файл становится готовым PNG за секунды.
Retina и адаптивный экспорт: почему важен 2x
Современные экраны телефонов и ноутбуков умещают два, а то и три физических пикселя в каждый CSS-пиксель. Иконка, экспортированная шириной 100 CSS-пикселей, растягивается до 200 физических на retina-экране — а PNG не может выдумать недостающие детали и выглядит мягким. Решение простое: экспортируйте в 2x (или 4x для сверхплотных экранов) и позвольте браузеру уменьшать картинку. Опции 2x и 4x здесь делают именно это, а поскольку исходник векторный, каждый увеличенный экспорт остаётся идеально резким. Сомневаетесь между двумя размерами — берите больший: уменьшать чёткий PNG всегда безопасно, увеличивать маленький — никогда.
Прозрачные фоны по правилам
PNG хранит по одному дополнительному значению на пиксель — альфу — которая говорит, насколько пиксель прозрачен. При конвертации SVG с прозрачными областями эта информация переносится, что делает PNG естественным форматом для иконок, стикеров и вырезанных товарных фото, которые кладут на любой фон. Следить нужно за одним: за тем, что окружает прозрачность. В приложениях с тёмной темой полностью прозрачная иконка может исчезнуть на чёрном интерфейсе, а просмотрщики часто показывают прозрачность шахматной сеткой, которая странно выглядит на скриншотах. Опция белого фона существует именно для таких моментов — она уплощает изображение, чтобы графика выглядела одинаково везде, ценой потери альфа-канала.
Частые вопросы
Зачем мне PNG вместо SVG?+
SVG идеален для дизайна, но многие повседневные платформы его не принимают: посты в Instagram, стикеры WhatsApp, документы Word и подписи в письмах ожидают растровые форматы вроде PNG. Когда нужна картинка, которая работает везде, — конвертируйте в PNG.
В каком размере экспортировать?+
Подстраивайтесь под конечное использование: 1x для иконок в родном размере, 2x для большинства веб- и апп-графики на retina-экранах, 4x для обложек, постеров и любой печати. SVG векторный, поэтому большой экспорт никогда не размывается — единственная цена это размер файла.
Сохраняется ли прозрачность после конвертации?+
Да — PNG сохраняет альфа-канал, прозрачные области остаются прозрачными. Выбирайте белый фон только когда нужна плоская картинка, например чтобы прозрачная иконка не пропадала в тёмном режиме просмотра.
Этот конвертер действительно бесплатный?+
Да. Рендеринг происходит на вашем устройстве — нет сервера, нет очереди загрузки и никогда нет водяного знака. Конвертируйте сколько угодно файлов.
Почему мой SVG отрендерился пустым?+
Почти всегда это SVG, который рисует всё скриптом или ссылается на внешние файлы — автономный конвертер не может их загрузить. Файлы, экспортированные из Figma, Illustrator или Inkscape, рендерятся нормально. Если ваш файл из фреймворка, сначала экспортируйте его как обычный статический SVG из дизайн-инструмента, затем конвертируйте.