SVG в PNG

Нажмите или перетащите файлы SVG сюда
Нажмите для загрузки файлов SVG
Поддерживает PNG, JPG, WebP, GIF, ICO, BMP, SVG, HEIC, AVIF, TIFF, PDF, PSD, JXL, RAW

Конвертируйте файлы SVG (Scalable Vector Graphics — масштабируемая векторная графика) в PNG полностью в вашем браузере — ваши файлы никогда не покидают ваше устройство. PNG — золотой стандарт для растровой графики с прозрачностью, без артефактов сжатия, идеально подходит для логотипов, иконок, иллюстраций с плоскими цветами. Когда вы конвертируете SVG в PNG, вы получаете пиксельное изображение, которое можно вставить в PowerPoint, Photoshop, Figma, социальные сети и т. д., с идеально сохранённой прозрачностью фона и настраиваемым разрешением (поскольку SVG бесконечно масштабируем).

Похожие

Варианты использования

  • Прозрачные SVG-логотипы, конвертированные в PNG с сохранением прозрачности для веб-сайтов, презентаций и печати, где прозрачность критична.
  • Векторные SVG-иконки (из Figma, Sketch, Font Awesome, Material), экспортированные как PNG для использования в Android/iOS-приложениях и веб-UI-компонентах.
  • Вставка векторной SVG-графики в Photoshop, Affinity Photo, GIMP как PNG с прозрачностью, чтобы избежать проблем с импортом SVG.
  • SVG-иллюстрации, инфографика, диаграммы, конвертированные в PNG для встраивания в PDF, Word, PowerPoint, Notion, Confluence.
  • Создание иконок приложений favicon, app store и play store: начните с векторного SVG, затем экспортируйте как PNG нужных размеров (16×16 до 1024×1024).
  • Загрузка векторных SVG-продуктов на Etsy, Shopify, Amazon, которые требуют PNG с прозрачным фоном для листингов продуктов.
  • SVG-ресурсы для геймдева, конвертированные в PNG спрайты с прозрачностью для Unity, Unreal, Godot и 2D-движков.
  • Конвертация в PNG затем передаётся в [Сжатие изображений](/image/compress/) или [PNG в WebP](/image/png-to-webp/) для веб-оптимизации.
  • Векторные карты, планы этажей, архитектурные SVG, конвертированные в PNG с прозрачностью для наложения на карты Google/Яндекс.
  • Стикеры и эмодзи SVG из чатов, сохранённые как PNG с прозрачностью для использования в Slack/Discord/Telegram.
  • Векторные SVG-макеты дизайна UI, экспортированные как прозрачные PNG для демонстрации в портфолио дизайнера.
  • Сравнение качества вывода PNG с разными разрешениями (1×, 2×, 3×) из того же исходного SVG для Retina/Hidpi-экранов.

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

  1. Нажмите на область загрузки или перетащите файлы .svg (поддерживается пакетно) на страницу.
  2. Необязательно: введите пользовательскую ширину/высоту (например, 2048×2048) для вывода PNG высокого разрешения.
  3. Рендеринг SVG на холст и кодирование PNG без потерь начинаются автоматически в вашем браузере.
  4. Скачайте каждый PNG отдельно или скачайте все сразу в ZIP-архиве.

Функции

  • 100%-ная обработка на стороне клиента: рендеринг SVG и кодирование PNG происходят локально в браузере
  • Сохранение прозрачности: SVG с прозрачным фоном выводит PNG с идеально сохранённым 8-битным альфа-каналом — без заливки фона
  • Настраиваемое разрешение: введите любую ширину/высоту (например, 1024×1024, 4096×4096) — векторный SVG масштабируется бесконечно без пикселизации
  • Высококачественный PNG без потерь: кодируется как 24-битный true-color + 8-битный альфа PNG без потерь с нулевой дополнительной потерей качества после рендеринга
  • Поддержка пакетной конвертации: конвертируйте сразу много SVG в PNG параллельно, скачайте как ZIP
  • Автоматическое начало: как только вы выберете файлы .svg, конвертация немедленно запустится
  • Работает со всеми современными SVG: поддерживает градиенты, фильтры, встроенные шрифты, SVG-анимации (захватывается первый кадр), маски и т. д.

SVG против PNG: вектор против растра с прозрачностью

ФункцияSVG (вход)PNG (выход)
ФорматВекторный (XML)Растровый (пиксельный)
Масштабирование✅ БесконечноеФиксированное разрешение
Прозрачность✅ Да✅ Да (8-битный альфа)
Интерактивность✅ Да❌ Статичный
Размер файла (иконки)Очень маленькийМаленький-средний
Совместимость с редакторамиПеременная✅ 100%

Часто задаваемые вопросы

Сохранит ли прозрачность SVG при конвертации в PNG?

Да, 100%. PNG полностью поддерживает 8-битную альфа-прозрачность (256 уровней), и любой прозрачный или полупрозрачный элемент в исходном SVG будет идеально сохранён в выходном PNG как есть. Никакой заливки фона не требуется и не выполняется по умолчанию.

Какое разрешение мне выбрать для вывода PNG?

Это зависит от вашего случая использования. Для favicon.ico/маленьких иконок: 16×16 до 128×128. Для веб-иконок 2×/Retina: 256×256 до 1024×1024. Для печати/иконок App Store: 1024×1024 или 2048×2048. Поскольку SVG — векторный, вы можете ввести любой размер, и вывод останется чётким — не будет пикселизации.

В чем разница SVG в PNG против SVG в JPG?

Используйте SVG в PNG, когда: (1) вам нужна прозрачность, (2) у вас много плоских сплошных цветов/иконок/логотипов (PNG даст меньший размер без артефактов), (3) вы планируете дальнейшее редактирование. Используйте SVG в JPG для фотореалистичных градиентов и когда не нужна прозрачность (меньший размер).

Загружаются ли файлы SVG на сервер?

Нет. Весь рендеринг и кодирование происходят локально в вашем браузере через SVG→Canvas→PNG пайплайн. Ваши SVG-файлы и сгенерированные PNG никогда не покидают ваше устройство.

Будет ли выходной PNG действительно без потерь относительно рендеринга SVG?

Да. После рендеринга SVG на HTML5 Canvas (с точностью до пикселя) мы кодируем выходной PNG с использованием сжатия DEFLATE PNG без потерь, что означает, что каждый пиксель выходного PNG точно соответствует пикселям на рендер-канвасе — нулевая дополнительная потеря, ноль артефактов.

Поддерживаются ли встроенные шрифты и пользовательские шрифты в SVG?

Да. Если шрифт встроен в SVG как base64 WOFF/WOFF2/TTF (или шрифт установлен в системе), он будет правильно отображаться и рендериться. Для внешних ссылок шрифтов шрифты могут не применяться; для максимальной совместимости встраивайте шрифты в SVG или преобразуйте текст в контуры перед экспортом SVG.

Могу ли я пакетно конвертировать сотни SVG сразу?

Да. Выберите сразу много SVG-файлов; они будут параллельно рендериться и кодироваться в PNG в вашем браузере. После завершения вы можете скачать каждый PNG по отдельности или все вместе через ZIP.

Что произойдёт с анимациями и интерактивностью SVG после конвертации в PNG?

PNG — статический формат, поэтому анимации (SMIL/CSS/JS), ссылки и интерактивные элементы SVG не сохраняются. Для анимаций захватывается первый кадр анимации. Если вам нужна анимация, сохраняйте исходный SVG или рассмотрите анимированный WebP/GIF.