Что такое Конвертер SVG в PNG?

Преобразует векторные файлы SVG в растровые PNG, JPEG или WebP в любом разрешении. Выберите размер, формат и фон — и скачайте изображение.

Перетащите один .svg или целую партию, посмотрите живой предпросмотр и задайте именно те размеры, которые нужны. Блокировка пропорций сохраняет форму; фон можно сделать прозрачным или однотонным. Экспорт доступен в PNG (без потерь, с прозрачностью), JPEG (компактнее, белый фон) и WebP (лучшее современное сжатие). Пресеты масштаба до 4x превращают одну иконку в варианты Retina и Ultra-HD, а опциональный экспорт 1x/2x/3x одним ZIP отдаёт все три плотности за один клик. Иконки с currentColor получают встроенный пикер цвета, который перекрашивает их до растеризации. В пакетном режиме все результаты упаковываются в один ZIP для скачивания.

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

1. Перетащите один или несколько .svg-файлов в зону загрузки или кликните для выбора. Добавить ещё можно кнопкой «Добавить ещё SVG».
2. Задайте ширину и высоту в пикселях и выберите цвет фона (прозрачный или произвольный).
3. Выберите формат (PNG, JPEG или WebP) и масштаб, нажмите Конвертировать и скачайте изображение в заданном размере.

Когда использовать

• Экспорт логотипа 1024×1024 с прозрачным фоном для аватарки в соцсетях.
• Создание Retina-вариантов @2x и @3x из одного SVG-иконки для сборки приложения.
• Вставка диаграммы из D3 или Mermaid в презентацию, которая не понимает SVG.

Результат

Дизайнер загружает SVG-логотип компании и конвертирует его в PNG 1024×1024 с прозрачным фоном для использования в качестве аватара в социальных сетях.

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

Почему PNG получается размытым при выбранном размере?

Либо в самом SVG есть встроенный растр (элемент <image> со ссылкой на PNG/JPG), либо вы задали ширину меньше, чем viewBox. Векторные примитивы остаются чёткими на любом масштабе, а встроенный растр просто растягивается и теряет резкость.

Почему фон чёрный, если я выключил «прозрачный»?

При выключенной прозрачности холст заливается выбранным цветом. Если оставили дефолтный чёрный или вообще не выбрали — получите чёрный. Для нейтрального фона возьмите белый (#ffffff) или нужный фирменный цвет.

Можно ли экспортировать очень крупные размеры — 4K, 8K?

Можно, но в пределах лимита canvas браузера: в свежих Chrome и Firefox это около 16 384 × 16 384 пикселей. Память расходуется как ширина × высота × 4 байта, при 8K во время рендера легко уходит 200 МБ — закройте тяжёлые вкладки заранее.

Сохраняются ли внешние шрифты, на которые ссылается SVG?

Только если шрифт уже загружен в браузер. SVG, который тянет веб-шрифты через <link>, во время конвертации их не докачивает. Для гарантированно одинакового текста заранее переведите его в SVG в кривые или поставьте шрифт в систему.

Поддерживаются ли CSS-анимации или скрипты внутри SVG?

Нет: PNG — статический формат, поэтому SMIL, CSS- и JS-анимации застывают в состоянии нулевого кадра. Нужен конкретный кадр — раскрутите анимацию в исходном приложении и экспортируйте именно в этот момент.

Похожие инструменты