Как конвертировать SVG в PNG
- Выберите или перетащите файлы .svg. Можно несколько сразу.
- Выберите размер: 1×, 2× или 4× от размера, записанного в SVG, или точную ширину в пикселях.
- Выберите фон: прозрачный (по умолчанию) или сплошной цвет.
- Нажмите «Конвертировать в PNG» и скачайте картинки. В каждой строке указан итоговый размер в пикселях.
Есть только SVG-код, без файла? Вставьте его в любой текстовый редактор (например, «Блокнот»), сохраните с расширением .svg и выберите этот файл здесь.
«Без потери качества»: выберите размер до конвертации
SVG — это набор инструкций для рисования: линии, кривые, заливки и текст, поэтому он чёткий в любом размере. PNG — это фиксированная сетка пикселей, и если потом его растянуть, он станет мыльным. Поэтому конвертер рисует SVG сразу в нужном размере, а не делает маленький PNG, который потом растягивают. Наш собственный логотип — SVG весом 259 байт — превратился в PNG на 1,7 КБ при 64 × 64 px (1×) и PNG на 8,3 КБ при 256 × 256 px (4×), оба идеально чёткие.
- Экраны: 2× подходит для большинства задач, потому что телефоны и ноутбуки показывают два-три физических пикселя на один CSS-пиксель. 1× берите, только если размер в пикселях задан жёстко.
- Соцсети и презентации: задайте точную ширину — 1 080 px для квадратного поста, 1 920 px для слайда во весь экран Full HD.
- Печать: разделите ширину отпечатка в миллиметрах на 25,4 и умножьте на 300. У SVG нет собственного DPI: насколько крупно картинка напечатается чётко, решает число пикселей.
| Ширина при печати | Пикселей при 300 DPI |
|---|---|
| 2 см — маленькая иконка или печать | 236 px |
| 5 см — логотип на бланке | 591 px |
| 9 см — ширина визитки (90 × 50 мм) | 1 063 px |
| 21 см — ширина листа A4 | 2 480 px |
Как определяется собственный размер SVG
Размер 1× берётся из атрибутов width и height в SVG. Единицы переводятся так же, как в браузерах, — 96 пикселей на дюйм: width="2in" — это 192 px, 72pt — 96 px, 10mm — около 38 px. У многих иконок, выгруженных из Figma, Inkscape или наборов иконок, ширины и высоты нет, есть только viewBox вроде 0 0 24 24; тогда берутся эти числа, и иконка в 1× будет 24 × 24. Если указана только одна сторона, вторая считается по пропорциям viewBox. SVG без того и другого получает браузерный размер по умолчанию 300 × 150 px — для таких файлов задайте точную ширину.
Что не отрисуется
Браузер рисует SVG, превращённый в картинку, в защищённом режиме. Это защищает от вредоносных файлов, но накладывает ограничения:
- Внешние файлы игнорируются. Картинки, шрифты и стили, которые SVG подгружает по адресу из интернета, не появятся. Встроенные в файл (data URI) работают.
- Веб-шрифты: текст шрифтом, которого нет на вашем устройстве, заменится стандартным. Переведите текст в кривые перед экспортом — Контур › Оконтурить объект в Inkscape, Текст › Преобразовать в кривые в Illustrator или Outline text в настройках экспорта SVG в Figma.
- Скрипты не выполняются, а анимированный SVG превращается в один статичный кадр.
«SVG в PNG без фона» или с цветом
PNG сохраняет прозрачность, поэтому по умолчанию картинка получается без фона, и логотип ложится на любой слайд или фото. Сплошной цвет выбирайте для мест, где прозрачность показывается чёрным или шахматкой, — например, в некоторых мессенджерах. Нужен JPG? Переведите PNG через PNG в JPG. Всё происходит в браузере, файлы никуда не загружаются.
Частые вопросы
Как сделать из SVG PNG в высоком разрешении?
Перед конвертацией выберите 4× или точную ширину, например 2 000 px. SVG рисуется сразу в этом размере, поэтому края остаются чёткими — в отличие от растягивания маленького PNG.
Почему в PNG другой шрифт?
SVG использует шрифт, которого нет на вашем устройстве, или подгружает его из интернета, а браузер блокирует это при отрисовке SVG как картинки. Переведите текст в кривые в графическом редакторе и экспортируйте SVG заново.
Какой DPI у PNG?
Размер PNG измеряется в пикселях. Для печати разделите ширину в пикселях на 300 и умножьте на 2,54 — получится ширина чёткого отпечатка в сантиметрах: 1 200 px печатаются шириной около 10 см при 300 DPI.
Сохранится ли прозрачный фон?
Да, если не выбирать цвет фона. Прозрачные участки SVG остаются прозрачными в PNG.
Мой SVG куда-то загружается?
Нет. SVG читает и рисует ваш собственный браузер, а скрипты внутри файла никогда не выполняются.
Обновлено: 15 октября 2026 г.