Конвертер SVG в PNG

Что делает инструмент

Этот инструмент превращает SVG-код или файл .svg в изображение PNG, JPG или WebP. Вставьте разметку, перетащите файл, выберите масштаб или точную ширину и скачайте растровое изображение. Отрисовка выполняется в браузере, поэтому иконки, логотипы и диаграммы не покидают ваш компьютер.

Это полезно везде, где не принимают SVG: иконки приложений, изображения для соцсетей, презентации, документы, подписи в письмах или устаревшие программы. Живой предпросмотр на шахматном фоне показывает, какие именно части прозрачны.

Как пользоваться

1. Вставьте код <svg> в редактор, нажмите Загрузить, чтобы открыть файл, или перетащите его на страницу. Пример загружает небольшой логотип.
2. Выберите Размер: 1× использует собственные размеры SVG, 2×–4× умножают их. Или укажите ширину в пикселях в поле Своя ширина (px); высота подстроится по пропорциям.
3. Выберите Формат: PNG — без потерь и с прозрачностью, JPG — для фотографий и совместимости, WebP — для небольших файлов.
4. Выберите Фон: прозрачный, белый или любой цвет.
5. Нажмите Скачать. Строка под предпросмотром показывает итоговый размер в пикселях, формат и размер файла.

Как вычисляется размер

Инструмент смотрит на корневой элемент <svg>. Значения width и height в px, pt, mm, cm, in или em переводятся в пиксели. Если их нет или они заданы в процентах, вместо них используются ширина и высота из viewBox. Затем применяется выбранный масштаб или своя ширина, а SVG переписывается с явными размерами в пикселях, чтобы все браузеры отрисовывали его одинаково.

Пример

Иконка с viewBox="0 0 24 24" без width и height при 1× становится PNG размером 24 × 24. При 4× — 96 × 96, а со своей шириной 512 — PNG 512 × 512, подходящим для иконки в магазине приложений. И она остаётся идеально чёткой, потому что отрисовывается из векторов, а не растягивается.

Советы

• Некорректный XML сообщается с номером строки, так что можно сразу перейти к проблеме.
• Встроенные растровые изображения (<image href="data:...">) работают, внешние ссылки — нет.
• Текст использует шрифты, установленные на вашем компьютере. Чтобы результат везде совпадал до пикселя, сначала преобразуйте текст в контуры в своём графическом редакторе.
• Максимальный размер результата ограничен размером canvas в браузере — около 16 000 пикселей по каждой стороне.