RSRobince Studio

SVG в PNG

Вставьте код SVG или загрузите файл SVG, выберите масштаб от 1x до 4x и фон и скачайте чёткий PNG. SVG отрисовывается только как изображение и никогда не встраивается в страницу.

Работает в вашем браузере. Ваши файлы никогда не загружаются.

Загрузка…

Кнопки и подписи внутри инструмента на английском; эта страница объясняет, как им пользоваться.

Как пользоваться: SVG в PNG

  1. Загрузите файл SVG или вставьте его код в поле.
  2. Выберите масштаб от 1x до 4x.
  3. Оставьте фон прозрачным или отключите прозрачность и выберите цвет.
  4. Проверьте предпросмотр и нажмите «Скачать PNG».

Преимущества инструмента

  • Масштаб до 4x. Отрисовка в более высоком разрешении для чётких значков, слайдов и печати.
  • Прозрачный или сплошной фон. Сохраните прозрачность или залейте фон за рисунком любым цветом.
  • Безопасная отрисовка. SVG загружается как изображение, поэтому скрипты внутри не выполняются, а сам он никогда не добавляется в DOM страницы.
  • Сам определяет размеры. Использует width, height или viewBox и при необходимости добавляет недостающее пространство имён.

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

Зачем конвертировать SVG в PNG?

SVG векторный и масштабируется без размытия, но его принимают не все приложения. Почтовым клиентам, многим соцсетям, текстовым редакторам и некоторым формам загрузки нужны растровые файлы, например PNG. Конвертация создаёт картинку фиксированного размера, которая подходит почти везде.

Почему мой SVG пустой или выдаёт ошибку?

Разметка может быть неверной, в ней может не хватать закрывающего тега svg, или она зависит от внешних файлов. SVG, отрисованные как изображения, не могут загружать внешние стили, шрифты и картинки, поэтому эти части не появятся. Для лучшего результата встраивайте шрифты как контуры, а изображения как data URL.

Какого размера будет PNG?

Базовый размер берётся из атрибутов width и height или, если их нет, из viewBox. Масштаб умножает его: SVG размером 100 на 100 при 3x станет PNG 300 на 300. Если сведений о размере нет, принимается 300 на 150 и появляется уведомление.

Открыть инструмент на английском · Все инструменты на русском