Конвертер SVG в PNG — любой масштаб, прозрачность
Конвертер SVG в PNG, JPG или WebP в браузере с выбором масштаба или ширины
Работает в браузере · файлы никуда не загружаются
Перетащите сюда файл SVG
Преобразуйте один файл SVG (до 10 МБ) в PNG, JPG или WebP. Файл не покидает ваш браузер.
PNG и WebP сохраняют прозрачность. Иконки сохраняйте в масштабе 2–4×, чтобы они оставались чёткими на экранах высокой чёткости.
Что это за инструмент
Конвертер, который превращает векторную графику SVG в обычное изображение, например PNG. SVG остаётся чётким в любом размере, но мессенджеры, офисные программы, соцсети и многие формы загрузки его не принимают. Выберите масштаб или ширину, сохраните PNG — и используйте его где угодно. Можно перетащить файл или вставить код SVG, прозрачность при этом сохраняется.
Как пользоваться
- Выберите Файл и перетащите SVG или выберите Вставить код и вставьте разметку, начинающуюся с
<svg>. - В пункте Формат выберите PNG, JPG или WebP.
- В пункте Размер выберите масштаб от 1× до 4× или введите ширину в пикселях.
- Оставьте фон прозрачным или залейте его цветом. Для JPG заливка выполняется всегда.
- Проверьте предпросмотр и нажмите Сохранить PNG.
Как это работает
- Исходный размер: width и height корневого
<svg>(px, pt, mm, cm и in переводятся в пиксели CSS); если задано только одно из них, второе берётся из пропорций viewBox. Проценты как размер не используются. - Масштабирование: width и height заменяются выходным размером, а если viewBox отсутствует, он добавляется по исходному размеру — так масштабируется весь рисунок.
- Отрисовка: браузер рисует SVG как изображение, и результат копируется на холст. В этом режиме внешние файлы не загружаются, а скрипты не выполняются (правила безопасности для SVG как изображения).
- Предупреждения: внешние ссылки, текст (шрифты), foreignObject, скрипты и анимация отмечаются заранее. Из анимации сохраняется первый кадр.
- Ограничения: 16 384 px по стороне и 16 777 216 пикселей на iPhone и iPad; более крупный результат уменьшается.
Примеры
| SVG | Настройка | Результат |
|---|---|---|
| icon.svg (viewBox 0 0 24 24) | 4× PNG, прозрачный | icon.png 96×96, прозрачный |
| logo.svg (width 200, height 80) | ширина 1000 px | logo.png 1000×400 |
| chart.svg (без размера) | 2× JPG, белый | chart.jpg 600×300 |
Полный набор иконок для сайта создаст генератор favicon, а чтобы перевести PNG в другой формат, воспользуйтесь конвертером изображений.
Частые вопросы
Какой масштаб выбрать?
Для большинства веб-иконок и логотипов подходит 2×; для печати и экранов высокой чёткости — 3× или 4×. Если нужен точный размер, выберите «Своя ширина», например 1024 px, — высота рассчитается по пропорциям.
После конвертации изменился шрифт.
Когда SVG рисуется как изображение, браузер не подгружает внешние файлы шрифтов, поэтому текст выводится шрифтами вашего устройства. Чтобы сохранить дизайн, сначала преобразуйте текст в кривые (контуры) в Illustrator, Figma или Inkscape.
Часть изображения пропала.
Файлы, на которые SVG ссылается извне (картинки или CSS по другому адресу), по соображениям безопасности не загружаются, и эти части остаются пустыми. Инструмент перечисляет такие ссылки — встройте их в SVG как data URI и попробуйте снова.
Что, если у SVG не задан размер?
Если нет width и height, используется размер viewBox, а если нет и его — размер браузера по умолчанию 300×150 px. Перед применением масштаба страница показывает, из чего взят размер.
Мой SVG отправляется на сервер?
Нет. Чтение и отрисовка выполняются в вашем браузере.
