Как конвертировать SVG в PNG: все способы 2026

Главное: зачем переводить SVG в PNG и в чём подвох

SVG (Scalable Vector Graphics) — это векторный формат: изображение в нём задано не пикселями, а математическим описанием фигур на языке XML. Открыв .svg в блокноте, вы увидите обычный текст — координаты точек, кривые, цвета. Формат — открытый стандарт консорциума W3C, рекомендованный ещё в 2001 году, и родная стихия для логотипов, иконок, схем и любой графики, которую нужно масштабировать: вектор рисуется заново под любой размер и всегда остаётся резким.

PNG (Portable Network Graphics) — растровый формат: та же картинка, но уже «запечённая» в сетку пикселей фиксированного размера. Он сжимает без потерь, поддерживает прозрачность и открывается буквально везде — от старого телефона до киоска печати. Расплата — в том, что растр не умеет масштабироваться: растяните маленький PNG, и появятся «лесенки» и размытие.

Отсюда простое правило, зачем вообще переводить SVG в PNG:

• Формат не принимают. Форма на сайте, маркетплейс, шаблон документа или соцсеть ждут растровую картинку и отклоняют .svg.
• Программа не понимает вектор. Word, PowerPoint старых версий, простые редакторы и большинство мессенджеров либо не показывают SVG, либо отдают его как файл-«текст».
• Нужна безопасность и предсказуемость. SVG — это исполняемый XML, внутри может быть скрипт; растровый PNG таких сюрпризов не содержит и везде выглядит одинаково.

Сначала размер: сколько пикселей должен занимать PNG

Это ключевой шаг, который отличает чёткий результат от мыльного. Раз у вектора нет пикселей, при конвертации нужно явно указать ширину и высоту будущего PNG (или разрешение — DPI). Логика простая: задайте столько пикселей, сколько картинка будет реально занимать на экране или на печати — и лучше с запасом.

Два практических приёма:

1. Для экрана берите двойную ширину. Если логотип на странице занимает 400 px, экспортируйте PNG шириной 800 px — на экранах Retina и в зуме он останется резким.
2. Для печати считайте от DPI. Наклейке 5×5 см при 300 DPI нужен PNG примерно 590×590 px (5 см ≈ 1,97 дюйма × 300). Большинство конвертеров позволяют задать DPI вместо ширины.

Способ 1. Онлайн-конвертеры за минуту

Самый быстрый путь для разовой задачи: загружаете .svg → получаете .png. Работает в любом браузере, ничего ставить не нужно. Из проверенных — Convertio, CloudConvert, svgpng.com, PDF24 Tools; общий обзор таких сервисов есть в нашем гайде бесплатные онлайн-конвертеры файлов.

1. Откройте сервис и перетащите один или несколько .svg в окно загрузки.
2. Задайте ширину/высоту в пикселях (или DPI) — это главный параметр, не пропускайте его. Если поля нет, сервис отдаст PNG в номинальном размере вектора, и он может оказаться мелким.
3. Убедитесь, что включена прозрачность (если фон должен остаться прозрачным), и скачайте готовый PNG.

Способ 2. Inkscape: точный размер и DPI бесплатно

Если SVG приходится конвертировать регулярно или важен точный контроль, лучший бесплатный инструмент — редактор векторной графики Inkscape (Windows, macOS, Linux). Он работает офлайн, ничего не выгружает в сеть и даёт задать и размер в пикселях, и DPI, и область экспорта.

1. Откройте .svg в Inkscape.
2. Выберите «Файл» → «Экспортировать» (в версиях 1.x — панель «Export»).
3. Укажите, что экспортируете — весь рисунок («Страница» или «Рисунок»).
4. Задайте ширину/высоту в px или DPI, выберите формат PNG и папку.
5. Нажмите «Экспортировать» — рядом появится готовый .png с прозрачным фоном.

Inkscape же выручает, когда в макете есть текст: он умеет перевести шрифты в кривые перед экспортом, чтобы буквы точно не «поехали». Для одиночных иконок и логотипов это самый надёжный вариант.

Способ 3. В браузере и в дизайн-редакторах

Часто отдельная программа не нужна — под рукой уже есть то, что откроет SVG и сохранит PNG.

Дизайн-редакторы: Figma, GIMP, Photopea

Если вы работаете в графическом редакторе, экспорт в PNG встроен прямо в него:

• Figma. Перетащите .svg на холст, выделите фрейм и в панели «Export» выберите PNG и множитель (1×, 2×, 3×) — множитель как раз задаёт итоговый размер.
• GIMP. При открытии .svg программа спросит размер растеризации в пикселях — укажите нужный, затем «Файл → Экспортировать как» → имя с расширением .png.
• Photopea — бесплатный редактор прямо в браузере (аналог Photoshop): открывает SVG, спрашивает размер и сохраняет PNG через «File → Export as → PNG».

Прямо в браузере

Разово PNG можно получить и без сервисов: откройте .svg в Chrome или Firefox (двойной клик — браузер покажет картинку). Но простой скриншот даст размер экрана и лишний фон, поэтому для аккуратного результата лучше всё же онлайн-конвертер или Inkscape. Браузерный путь оправдан, только когда PNG нужен «на глаз» и один раз.

Пакетно и через командную строку: сотни файлов сразу

Отдельная история — не один файл, а целая папка иконок или экспортов из дизайн-системы. Открывать их по одному нереально. Здесь выручает командная строка: одна команда переберёт хоть тысячу .svg и отдаст PNG нужного размера.

Самый распространённый инструмент — ImageMagick. Важный нюанс: для качественной отрисовки вектора у него должен быть установлен движок librsvg, а размер задаётся через -density (DPI). Пример на всю папку:

Ещё чище вектор рендерит специализированная утилита rsvg-convert (часть библиотеки librsvg) — она задумана именно под SVG и позволяет прямо указать ширину в пикселях:

У самого Inkscape тоже есть режим командной строки — удобно вписать в скрипт сборки:

В проектах на Node.js ту же задачу решает библиотека sharp, которая под капотом использует быстрый движок и легко встраивается в конвейер:

Когда конвертация SVG в PNG становится частью продукта — иконки собираются на билде, превью генерируются на лету, дизайн-система выгружает ассеты автоматически — её обычно зашивают в CI/CD или в бэкенд как отдельный шаг. Настроить такой конвейер обработки изображений и не сломать сборку помогают веб-разработчики YuSMP Group. Для разовой же задачи хватит любого способа выше — заводить автоматизацию ради одного файла не нужно.

Шрифты: почему текст в PNG «съезжает» и как это лечить

Самая частая и незаметная проблема при переводе SVG в PNG — текст. В SVG надпись может храниться не как рисунок, а как ссылка на шрифт: «напиши это слово гарнитурой Roboto». Пока шрифт установлен в системе, всё выглядит правильно. Но конвертер (особенно онлайн) часто такого шрифта не находит и подставляет свой — и в PNG буквы меняют начертание, разъезжаются по ширине или налезают на соседние элементы.

Есть два надёжных решения:

• Перевести текст в кривые (контуры) ещё до экспорта. В Inkscape: выделите текст и примените «Контур» → «Оконтурить объект» (Path → Object to Path). После этого буквы становятся обычными фигурами и рисуются одинаково где угодно — шрифт больше не нужен. Это универсальный приём для логотипов.
• Встроить шрифт в сам SVG. Более сложный путь: шрифт добавляется в файл через @font-face внутри <style>. Тогда правильное начертание «едет» вместе с файлом, но вес SVG растёт, и поддерживают такое не все конвертеры.

Прозрачность, качество и когда PNG не нужен

В отличие от перевода в JPG, при конвертации SVG → PNG прозрачность сохраняется: у PNG есть альфа-канал, и прозрачный фон вектора останется прозрачным. Достаточно не включать заливку фона (в ImageMagick — параметр -background none, в конвертерах — галочка «прозрачный фон»). Но помнить стоит о трёх вещах.

• Обратно уже не масштабируется. PNG — это растр фиксированного размера. Если позже понадобится тот же логотип крупнее, увеличивать PNG нельзя — вернитесь к исходному .svg и экспортируйте заново в нужной ширине. Поэтому исходник .svg не удаляйте.
• Размер файла растёт с числом пикселей. Экспорт 4000×4000 px даст большой файл. Если PNG нужен для веба и получился тяжёлым, уменьшите его размер или используйте более лёгкие форматы — WebP/AVIF.
• Для веба вектор часто менять не нужно. Современные браузеры прекрасно показывают SVG напрямую — он весит мало и всегда резкий. Переводить в PNG стоит, только когда файл нужно куда-то отдать в растре: в форму, в презентацию, в мессенджер, на печать.

Если под рукой нет ни одного инструмента, а формат на входе неизвестен, начните с проверки: наш определитель формата файла по сигнатуре скажет, действительно ли перед вами SVG. Спецификацию самого формата, если интересны детали, ведёт консорциум W3C.

Частые вопросы