Перейти к содержимому

SVG в PNG и PNG в SVG

Преобразуйте SVG в чёткий PNG любого размера или векторизуйте PNG и JPG в SVG. Конвертация идёт прямо в браузере.

Перетащите SVG-файлы сюдаили нажмите, чтобы выбрать · вставьте SVG-код через Ctrl+V
Выбрать SVGОбработка на вашем устройстве — файлы не покидают его
Работает в браузере · без загрузки на серверКак это работает

Как пользоваться: Конвертер SVG ↔ PNG

  1. 1

    Загрузите SVG

    Перетащите один или несколько файлов .svg, вставьте SVG-разметку в любом месте страницы или введите её в поле кода и нажмите «Отрисовать SVG».

  2. 2

    Выберите размер результата

    Выберите 1×, 2×, 4× или 8× от собственного размера SVG либо введите точную ширину до 16 384 пикселей; высота подберётся сама.

  3. 3

    Выберите формат и фон

    PNG сохраняет прозрачный фон; для JPG и WebP есть ползунок качества, а в любом формате фон можно залить цветом.

  4. 4

    Скачайте результат

    Сохраните PNG с именем по файлу и размеру, например logo-512x512.png, или все файлы сразу в архиве svg-to-png.zip.

Лимиты и Pro

SVG в PNG: любое количество SVG-файлов, каждый экспортируется размером до 16 384 px по стороне и 120 мегапикселей. PNG в SVG: одно изображение до 25 MB за раз.

Pro повышает лимит для PNG в SVG: файлы размером до 4 GB. Смотреть Pro

О инструменте «Конвертер SVG ↔ PNG»

Конвертер SVG в PNG превращает векторную графику в обычные растровые изображения. Встроенный в браузер движок SVG рисует файл сразу в нужном вам размере, поэтому экспорт значка шириной 64 пикселя в масштабе 8× даёт чёткое изображение 512 пикселей, а не увеличенную размытую картинку. Размер результата берётся из атрибутов width и height в SVG: единицы вроде mm, pt или in пересчитываются из расчёта 96 пикселей на дюйм. Если размер не указан, используется viewBox. PNG сохраняет полную альфа-прозрачность и без потерь оптимизируется с помощью OxiPNG; JPG прозрачности не поддерживает, поэтому фон заливается белым, если вы не выберете другой цвет. Предпросмотр обновляется при изменении настроек, так что точный результат виден ещё до скачивания.

PNG нужен везде, где SVG не принимают: в соцсетях и мессенджерах, в старых версиях Word и PowerPoint, в подписях электронной почты, в карточках магазинов приложений и во многих конструкторах сайтов. Экспорт в масштабе 2× или 4× также даёт чёткие изображения для экранов телефонов с высокой плотностью пикселей.

SVG отрисовывается как отдельное изображение и не может ничего загружать из интернета: связанные изображения и веб-шрифты, подключённые по URL, не подгрузятся, а текст будет набран шрифтом, установленным на вашем устройстве. Перед экспортом встройте шрифты и картинки как data URI или переведите текст в кривые. Скрипты и анимация не выполняются, поэтому вы получите один статичный кадр. Вкладка «PNG в SVG» работает в обратную сторону и преобразует изображение в векторные контуры.

Конфиденциальность

Отрисовку выполняет встроенный в браузер движок SVG, а изображение кодируют кодеки jSquash на WebAssembly в Web Worker на этой вкладке; они загружаются только с этого сайта и только после добавления файла. SVG-разметка и готовые изображения остаются на вашем устройстве, ничего не отправляется на сервер, а сам отрисовщик не может делать сетевые запросы от имени SVG.

Возможности

Чёткость в любом размере

Вектор заново отрисовывается в нужном разрешении: экспортируйте в 1×, 2×, 4×, 8× или с точной шириной в пикселях.

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

PNG и WebP сохраняют прозрачность, а фон можно залить любым цветом.

Вставка SVG-кода

Вставьте разметку прямо из редактора или дизайн-программы — файл не нужен.

Пакетный экспорт

Конвертируйте целый набор значков с одними настройками и скачайте ZIP-архив.

И PNG в SVG

Перейдите на другую вкладку, чтобы преобразовать PNG или JPG с логотипом в чистые векторные контуры.

Конвертер SVG ↔ PNG: частые вопросы

Как преобразовать SVG в PNG с прозрачным фоном?
Оставьте формат PNG и фон «Прозрачный» — они выбраны по умолчанию — и скачайте файл. Все области, которые SVG не закрашивает, останутся в PNG полностью прозрачными, а полупрозрачные заливки и мягкие края сохранят значения альфа-канала. JPG прозрачность хранить не умеет, поэтому в нём пустые области заливаются белым или цветом, который вы выберете в разделе «Фон».
В каком размере лучше экспортировать SVG?
Для сайта экспортируйте в размере 2× от того, в каком изображение будет показано: например, 600 пикселей в ширину для блока в 300 пикселей, чтобы оно оставалось чётким на экранах с высокой плотностью. Для значков приложений и магазинов обычно нужны квадраты 512 или 1024 пикселя. Для печати умножьте ширину в дюймах на 300. Вектор перерисовывается в каждом размере, поэтому большие экспорты не размываются, а просто становятся крупнее.
Почему шрифты или изображения в моём SVG выглядят неправильно?
SVG, отрисованный как изображение, ничего не может скачивать, поэтому шрифты, подключённые с Google Fonts или другого сервера, и картинки по URL не отображаются; текст набирается шрифтом, установленным на вашем устройстве. Откройте файл в графическом редакторе и переведите текст в кривые или контуры либо встройте шрифты и изображения как данные base64, затем заново экспортируйте SVG и отрисуйте его здесь.
Можно ли конвертировать сразу несколько SVG-файлов?
Да. Перетащите любое количество SVG-файлов: они появятся в списке, а выбранный будет показан в предпросмотре. Настройки размера, формата и фона применяются ко всем файлам, так что целый набор значков можно экспортировать в масштабе 4× за один раз. Кнопка скачивания создаст архив svg-to-png.zip, где каждый PNG назван по исходному файлу и итоговому размеру в пикселях.
Почему PNG получился не того размера, который я ожидал?
Базовый размер берётся из атрибутов width и height в SVG и переводится в пиксели из расчёта 96 на дюйм, а затем умножается на масштаб. Если в SVG есть только viewBox, его числа считаются пикселями; если нет ни того ни другого, браузеры принимают размер 300 × 150. Чтобы получить точный размер независимо от файла, выберите вариант px и введите нужную ширину; высота сохранит пропорции.

Другие задачи с этим инструментом