Конвертер SVG в PNG — растеризация SVG в любом размере бесплатно онлайн

Превращайте векторные файлы SVG в изображения PNG точно того размера в пикселях, который вам нужен. Работает полностью в браузере, без загрузки на сервер и без навязанных 150 пикселей на выходе.

Что делает конвертация SVG в PNG

SVG — не изображение в том смысле, в каком им является PNG. Это текстовый документ, описывающий фигуры, контуры и текст математически: круг — это центр и радиус, а не сетка цветных точек. PNG устроен наоборот: фиксированная сетка пикселей, определённая один раз и неизменная дальше. Поэтому переход между ними — не переупаковка, а отрисовка. Собственный движок SVG в браузере рисует графику заново в выбранном вами размере, и эти отрисованные пиксели становятся PNG. Именно поэтому здесь спрашивают ширину и высоту, хотя больше нигде на сайте этого нет. Сохранять «исходное разрешение» не от чего, потому что у вектора его нет. Попросите 512 пикселей — и каждая кривая будет посчитана на 512 пикселях; попросите 4096 — и тот же файл даст чёткое изображение на 4096 пикселей без увеличения и без размытия. Выбранный размер — единственное, что определяет качество. Управление размером существует ещё и для того, чтобы обойти одну конкретную ловушку. SVG, у которого в корневом элементе нет ширины и высоты, вообще не имеет собственного размера, и браузер, которому велено нарисовать его как обычное изображение, откатывается к значению CSS по умолчанию — около 150 пикселей. Множество наборов иконок, экспортов из Figma и написанных вручную файлов устроены ровно так: в них есть только viewBox, который задаёт пропорции, но не масштаб. При наивной конвертации логотип, рассчитанный на билборд, возвращается миниатюрой. Этот инструмент сначала читает файл, сообщает, когда размер выбран им, а не файлом, и отказывается молча растеризовать в 150 пикселей.

Зачем конвертировать SVG в PNG

Почти всегда потому, что что-то дальше по цепочке не умеет читать вектор, либо потому, что нужна одна фиксированная отрисовка вместо той, что меняется от программы к программе.

Пройти площадки, которые вообще не принимают SVG: ассеты для магазинов приложений, большинство соцсетей, карточки маркетплейсов и почтовые клиенты
Получить предсказуемый результат, поскольку PNG выглядит везде одинаково, а SVG зависит от поддержки шрифтов и фильтров в конкретном просмотрщике
Сделать наборы размеров иконки или логотипа — фавиконы, иконки приложений, миниатюры — из одного исходника в 1x, 2x или 4x
Поместить графику в программы, вообще не поддерживающие вектор: от старых офисных пакетов до игровых движков и фоторедакторов

Как конвертировать SVG в PNG

Единственное реальное решение здесь — выходное разрешение, поэтому стоит подумать о нём до конвертации.

1

Добавьте один SVG или сразу пакет — заданный размер применяется к каждому файлу пакета

2

Проверьте ширину и высоту. Они берутся из собственного объявленного размера SVG, а когда его нет, инструмент прямо об этом говорит

3

Задайте нужное разрешение или нажмите 1x, 2x либо 4x. Держите пропорции заблокированными, если не хотите растянуть графику намеренно

4

Конвертируйте, посмотрите предпросмотр и скачайте PNG — по одному или весь пакет одним ZIP-архивом

Часто задаваемые вопросы

Потому что в SVG нет пикселей, которые нужно сохранить. Любая другая конвертация на этом сайте начинается с изображения с фиксированной сеткой: JPG 1920x1080 становится PNG 1920x1080, и спрашивать нечего. Вектор описывает фигуры уравнениями, поэтому у него нет разрешения, пока его кто-то не отрисует. Конвертеры, которые не спрашивают, просто выбирают число, не сообщая вам об этом, — а когда файл не объявляет собственного размера, этим числом обычно оказывается браузерное значение по умолчанию в 150 пикселей.
Тот, который зададите. Инструмент читает viewBox файла, чтобы определить пропорции, затем предлагает 1024 пикселя по длинной стороне и прямо сообщает, что это число от нас, а не из файла. Такое значение по умолчанию — безопасная отправная точка, а не рекомендация: если графика идёт на иконку приложения или в печать, впишите нужный размер. Чего инструмент никогда не сделает, так это не свалится к 150x150, а именно это выдаёт наивная конвертация через canvas ровно для таких файлов.
Нет, и именно это удивляет тех, кто привык менять размер фотографий. Увеличение JPG растягивает уже существующие пиксели, поэтому детали смазываются. Отрисовка SVG в большем размере пересчитывает каждый контур с нуля, поэтому экспорт на 4096 пикселей ровно так же чёток, как на 256, — никакого увеличения тут нет. Единственная реальная плата — размер файла и время отрисовки. Исключение — встроенные внутрь SVG растровые изображения: это обычные битмапы, и они станут мягче, если отрисовать их выше их собственного разрешения.
Оставляйте SVG везде, где его принимают. В вебе он обычно меньше, остаётся чётким на любом экране при любом масштабе и поддаётся перекрашиванию через CSS. Конвертируйте, когда площадка отказывается от вектора, когда нужна гарантированно одинаковая отрисовка во всех просмотрщиках или когда SVG опирается на шрифты и фильтры, которые целевой рендерер может не поддержать. Обычный подход — держать SVG как мастер-файл и экспортировать PNG по мере надобности: вектор остаётся источником истины.
Да. У PNG есть альфа-канал, и области, которые SVG никогда не закрашивает, остаются полностью прозрачными, поэтому логотип без фонового прямоугольника экспортируется без фона. Если в результате обнаружилась неожиданная белая или цветная подложка, это почти наверняка залитый прямоугольник, нарисованный в самом SVG, а не что-то добавленное конвертацией. Откройте файл в редакторе и удалите эту фигуру.
Потому что альтернатива хуже. Когда SVG рисуется как изображение, браузеры запрещают ему что-либо загружать по сети, поэтому связанный логотип или веб-шрифт просто не доедет — в экспорте на его месте оказалась бы пустота, и никто бы об этом не сказал. Вместо того чтобы тихо отдать вам неполный PNG, инструмент останавливается и объясняет причину. Встройте изображение как data URI, переведите текст в кривые или сведите файл в редакторе — и конвертация пройдёт нормально.
Нет. SVG читается, отрисовывается и кодируется целиком внутри вашего браузера, и файл не покидает устройство. Здесь это важнее обычного: SVG — это простой текст, и в нём регулярно остаются названия слоёв, комментарии и внутренние идентификаторы из дизайн-инструмента, в котором он создан. Ничего из этого никуда не уходит. Практическое ограничение — память вашего устройства, а не лимит загрузки, и именно поэтому очень большие выходные размеры блокируются заранее.
Браузеры ограничивают холст, используемый для отрисовки: примерно 16384 пикселя на сторону, а суммарная площадь на телефонах ограничена ещё сильнее. За этим пределом холст не выдаёт ошибку — он возвращает пустой битмап, и скачанный файл оказался бы пустой картинкой. Инструмент заранее сверяет запрошенный размер с этими пределами и вместо этого отказывает с понятным сообщением. Для действительно огромного вывода отрисуйте SVG в настольной программе вроде Inkscape, которая не связана ограничениями браузерного холста.

Другие инструменты для изображений

Откройте другие мощные инструменты для редактирования изображений

Сжать Изображение

Уменьшить размер

Изменить Размер

Изменить размеры

Обрезать Изображение

Вырезать область

Фоторедактор

Редактировать фото

Повернуть Изображение

Повернуть

Отразить Изображение

По горизонтали/вертикали

Добавить Водяной Знак

Водяной знак

Добавить Рамку

Добавить рамку изображения

Закругленные Углы

Добавить закругленные углы

Фильтры

Яркость/Контраст

Размыть Лицо

Скрыть лица

Мозаика

Размыть области

Удалить Фон

Удалить фон

Улучшить Изображение

ИИ апскейл

Добавить Текст

Добавить текст на изображение

Коллаж

Объединить несколько изображений

HTML в Изображение

Веб в изображение

GIF в Последовательность

Извлечь кадры

Удалить пустые поля

Удалить пустые края

Пакетное переименование изображений

Безопасное массовое переименование файлов

Круговая обрезка

Обрезка изображений в круг

Чёрно-белое

Конвертация изображений в оттенки серого

Разделить изображение

Разрезать изображение на сетку

Объединить изображения

Объединить изображения в одно

Изменить DPI

Установить метаданные DPI изображения

Изображение в Base64

Кодирование изображений в Base64

Изображения в PDF

Объедините изображения в один PDF

Конвертер HEIC в JPG

Конвертируйте фото iPhone из HEIC в JPG

Удаление EXIF

Просмотр и удаление скрытых метаданных фото, включая геолокацию GPS

Генератор фавиконок

Полный набор иконок и HTML-код

Цветовая палитра

Извлечь цвета из изображения

Base64 в изображение

Декодировать Base64 обратно в изображение

HEIC в PNG

Конвертировать фото HEIC с iPhone в PNG без потерь

Текст за изображением

Разместите текст позади объекта на фото прямо в браузере

Пипетка

Узнать HEX, RGB и HSL любого пикселя

Создание подписи

Нарисуйте подпись и скачайте её прозрачным PNG

Удаление фона подписи

Чернила с бумаги на прозрачном фоне

Прозрачный фон

Сделать фон прозрачным