Конвертер SVG в PNG
Конвертируйте SVG в PNG в браузере с любым масштабом или точной шириной/высотой, с прозрачным или цветным фоном. Работает и с SVG, где задан только viewBox.
При отрисовке как изображения внешние картинки, шрифты и таблицы стилей, на которые ссылается SVG, не загружаются; встройте их или преобразуйте текст в контуры.
Работает полностью в вашем браузере. Ваши данные никуда не загружаются.
Что такое SVG в PNG?
Инструмент отрисовывает векторную графику SVG как изображение PNG. Загрузите файл .svg или вставьте код SVG, выберите коэффициент масштаба (1×–4× или любое значение) либо фиксированную ширину или высоту и оставьте фон прозрачным или залейте цветом. Вектор перерисовывается в целевом размере, поэтому PNG остаётся чётким при любом разрешении.
Как пользоваться SVG в PNG
- Перетащите или выберите файл SVG либо вставьте разметку SVG в поле Код SVG.
- Проверьте определённый Собственный размер (из width/height, из viewBox или значение по умолчанию 300×150).
- В разделе Размер результата выберите масштаб либо фиксированную ширину/высоту и введите значение.
- Оставьте включённым Прозрачный фон либо снимите флажок и выберите цвет фона.
- Скачайте PNG (с именем вида
logo@2x.png).
Пример
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 12"><rect width="24" height="12" fill="#ff0000"/></svg> at scale 2
48×24 PNG, solid red (intrinsic size 24×12 taken from the viewBox)
Когда использовать SVG в PNG
Используйте для создания значков, логотипов и иллюстраций PNG для приложений, соцсетей, документов или платформ, не принимающих SVG. В вебе по возможности оставайтесь на SVG: он меньше и не зависит от разрешения. SVG, использующие внешние шрифты или изображения, будут отрисованы без них.
Как работает SVG в PNG
Инструмент читает атрибуты width, height и viewBox корневого элемента <svg>, чтобы определить собственный размер (абсолютные единицы вроде pt, mm и in переводятся в px; проценты заменяются значениями viewBox). Затем он переписывает корневой элемент с точными целевыми шириной и высотой (добавляя viewBox, если его нет, чтобы рисунок масштабировался), загружает его как изображение и рисует на canvas такого размера, так что вектор растеризуется в полном разрешении, а не растягивается из маленького битмапа.
Распространенные Случаи Использования
- Экспортировать логотип SVG в 2× и 3× для ресурсов мобильного приложения.
- Создать значок PNG 512×512 из SVG для карточки в магазине приложений.
- Конвертировать диаграмму SVG в PNG для презентации или документа Word.
- Сделать PNG с белым фоном для платформ, показывающих прозрачность чёрным.
Примечание по Безопасности
Изображения декодируются, обрабатываются и кодируются локально в вашем браузере через Canvas API. На сервер ничего не загружается. SVG отрисовывается как изображение, поэтому встроенные скрипты не выполняются.
Часто Задаваемые Вопросы
У моего SVG нет width и height. Какого размера будет PNG?
В качестве собственного размера используются ширина и высота viewBox. Если нет и viewBox, браузеры берут 300×150, и инструмент сообщает об этом.
Почему мой текст выведен другим шрифтом?
SVG, отрисованные как изображения, не могут загружать внешние шрифты. Преобразуйте текст в контуры в редакторе или встройте шрифт как data URI.
Насколько большим может быть PNG?
Настолько, насколько позволяет canvas вашего браузера. Если запросить больше, инструмент уменьшит результат и покажет уведомление.