Command Palette

Search for a command to run...

ПР

Преобразователь SVG в PNG

Преобразуйте векторную графику SVG в PNG в формате 1x, 2x или 4x в браузере, загрузка не требуется

SVGtoPNGConverts as soon as you add files
SVG scale

PNG is lossless and keeps transparency, so it is often larger than the same image as JPG or WebP.

Files (0)

No files yet

Add files and they convert right away. Change a setting and they convert again.

Built with open source libraries. Licenses

Что такое преобразователь SVG в PNG?

Преобразователь SVG в PNG рисует векторную графику на сетке пикселей и сохраняет результат как PNG. SVG, формат W3C для масштабируемой векторной графики, описывает формы как геометрию: пути, круги, градиенты и текст. Это сохраняет логотип острым в любом размере, но это также означает, что пикселей нет, пока что-то их не нарисует. Загрузки социальных профилей, офисные документы, подписи электронной почты, списки хранилищ приложений и многие системы контента хотят пикселей, поэтому SVG должен быть визуализирован в первую очередь.

Здесь рендеринг выполняется собственным движком SVG вашего браузера, тем самым, который рисует SVG на веб-страницах. Размер приходит из файла. когда SVG устанавливает ширину и высоту, они используются, с единицами, такими как мм, pt или в конвертированных в пиксели. когда он только имеет viewBox, используется размер viewBox, а когда он не имеет ни того, ни другого, он рисуется в 1024 x 1024. SVG, самая длинная сторона которого выходит под 512 пикселей, типичный 24 x 24 значок, например, увеличивается пропорционально до тех пор, пока эта сторона не составит 512 пикселей, потому что вектор ничего не теряет, будучи нарисованным больше. опция масштаба SVG затем умножает размер на 1, 2 или 4, и примечание под строкой каждого файла говорит, какой размер использовался и почему. Изменение масштаба преобразует каждый добавленный SVG снова в новом размере.

Выполнение выглядит так. вы опускаете logo.svg, который объявляет ширину="240" высота="80", и выбираете 2x. логотип сначала увеличивается до 512 x 171, затем удваивается, и щелчок миниатюры строки открывает предварительный просмотр с подписью 1024x342, с прозрачным фоном, показывающим в виде шахматной доски. все, что SVG не рисует, остается прозрачным в PNG, что обычно является точкой выбора PNG вместо JPG.

Некоторые SVG содержимое не может быть нарисовано таким образом, SVG, отображаемый как изображение, не разрешается извлекать что-либо за пределами файла, поэтому изображения и веб-шрифты, связанные URL-адресом, остаются за бортом, а сценарии внутри SVG не запускаются. Рисуются изображения, встроенные в сам файл. Анимированный SVG становится единым неподвижным кадром, а SVG с ошибкой XML отказывается сообщением.

Все работает на стороне клиента, и ничего не загружается. файлы SVG более 50 МБ отказываются, как и любой вывод более 100 мегапикселей или шире или выше 16384 пикселей, и в этом случае меньший масштаб обычно исправляет это. инструмент бесплатный, без регистрации, с ежедневным пределом преобразования.

Как конвертировать SVG в PNG

  1. Добавьте файлы SVG

    Бросьте их на поле с чтением Drop SVG изображения здесь или нажмите, чтобы загрузить. целый набор значков может войти сразу, и каждый файл начинает конвертировать, как только он добавлен. файлы в других форматах отворачиваются со ссылкой на конвертер для них.

  2. Отрегулируйте шкалу SVG

    Выберите 1x, 2x или 4x. 1x использует размер, установленный в SVG, увеличенный до 512 пикселей на самой длинной стороне, когда он меньше этого. 2x и 4x удваивают или удваивают оба измерения, что подходит для экранов высокой плотности и печати. изменение масштаба снова преобразует каждый добавленный SVG.

  3. Проверьте каждый результат

    Каждая строка показывает миниатюру PNG, ее статус, строку размера, сравнивающую SVG с PNG, и примечание, объясняющее, как был рассчитан размер пикселя. Нажмите миниатюру, чтобы увидеть PNG большим, с его размером пикселя, и переключитесь между До и После.

  4. Загрузите PNG

    Нажмите значок загрузки в строке, чтобы сохранить один файл, или Скачать все (n изображений) в заголовке списка, чтобы сохранить набор как преобразованный-png.zip. файлы, которые имеют общее имя, нумеруются в ZIP.

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

SVG - лучший формат для хранения. PNG часто является лучшим форматом для передачи, потому что его может занять гораздо больше мест.

Загружает только растровые изображения

Изображения профилей, списки торговых площадок, создатели подписей электронной почты и многие медиатеки CMS принимают JPG и PNG, но не SVG, отчасти потому, что SVG может содержать сценарии. PNG проходит эти проверки и сохраняет прозрачный фон, необходимый логотипу.

Документы, слайды и чат

Офисные пакеты, приложения для обмена сообщениями и старые инструменты дизайна обрабатывают SVG неравномерно: некоторые отказываются от него, некоторые отбрасывают градиенты или шрифты, некоторые вообще ничего не показывают. PNG везде выглядит одинаково, потому что то, что вы видите, уже нарисовано.

Фиксированные ресурсы для приложений и значков

Хранилища приложений, средства запуска и наборы favicon запрашивают точные размеры пикселей. рендеринг SVG в большом масштабе здесь, затем изменение размера с помощью измерителя изображения или превращение PNG в favicon с преобразователем PNG в ICO.

SVG против PNG: что использовать

SVG и PNG сравниваются для логотипов, значков и иллюстраций
стараpng
Тип изображенияВектор. Формы, описываемые как геометрия.Растр. фиксированная сетка пикселей.
шелушениеОстрый в любом размере.Размывается или пикселируется при увеличении за пределы своего размера.
прозрачностьВсе, что не окрашено, прозрачно.Полный альфа-канал, поддерживаемый этим преобразователем.
АнимацияВозможно с CSS или SMIL.Неподвижное изображение. Анимированные SVG становятся здесь одним кадром.
Типичный размер файлаКрошечный для простых значков и логотипов, большой для сложных произведений искусства.Растет с размерами пикселей, поэтому 4x выход намного тяжелее 1x.
ТекстНужен доступный шрифт или текст, преобразованный в контуры.Запеченный в пиксели, поэтому везде выглядит одинаково.
Поддержка программного обеспеченияВсе современные браузеры.Неровные в офисе, чат и инструменты загрузки.Близкий к универсальному.
лучше дляВеб-сайты, исходные изображения и все, что часто изменяется.Загрузки, документы, ресурсы приложения и совместное использование.

Как определяется размер PNG

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

  1. Читайте размер от корневого элемента svg: ширина и высота, если установлены оба, один из них плюс пропорции viewBox, если только один, только viewBox, если ни один из них нет, и 1024 x 1024, если нет viewBox. Проценты и значения em игнорируются.
  2. Если самая длинная сторона меньше 512 пикселей, увеличьте рисунок пропорционально, чтобы самая длинная сторона составляла 512 пикселей.
  3. Умножьте обе части на выбранную вами шкалу: 1, 2 или 4.
Пример размеров PNG в каждой шкале SVG
СВГ заявляет
ширина="24" высота="24"512х5121024х10242048х2048
только ViewBox="0 0 800 600"800х6001600х12003200х2400
ширина="210mm" высота="297mm"794х11231588х22463176х4492
Никакой ширины, высоты или видаBox1024х10242048х20484096х4096

Выход ограничен 100 мегапикселями и 16384 пикселями с обеих сторон. 5000 x 5000 SVG хорошо в 1x и 2x, но в 4x он будет 20000 пикселей в ширину и отказывается с сообщением. Выберите более низкий масштаб и он преобразует.

Конфиденциальность и безопасность

  • SVG нарисован, и PNG сохраняется на этой вкладке браузера, на стороне клиента. Файл никогда не загружается.
  • SVG отображается как изображение, поэтому сценарии внутри него не запускаются и ссылки на внешние файлы не извлекаются. Открытие SVG из неизвестного источника здесь не позволяет ему достичь сети.
  • Декодер WebAssembly не используется, поскольку браузеры отображают SVG с помощью собственного встроенного механизма.
  • Ежедневная проверка лимита отправляет имя инструмента, идентификатор устройства и токен вашей учетной записи, если вы вошли в систему. После пакета записываются только количество файлов, общий байт и формат вывода, а не имена файлов или содержимое.
  • Преобразованные PNG остаются в памяти вкладки, пока вы не удалите их, не нажмете "Очистить все" или не закроете страницу. На сервере копия не хранится.

Основные характеристики

  • 1x, 2x и 4x выход

    Отображайте один SVG в его собственном размере или с двойным или четверным разрешением для получения резких результатов на экранах высокой плотности и в печати.

  • Маленькие значки выходят полезными

    SVG, заявленный размером 24 x 24 или что-то подобное, перед масштабированием увеличивается до 512 пикселей на самой длинной стороне, а не превращается в почтовую марку.

  • Прозрачность сохраняется

    Области, которые SVG не рисует, остаются прозрачными, а миниатюра ряда и предварительный просмотр позади него расположены на шахматной доске, чтобы вы могли это увидеть.

  • Считывает реальные единицы

    Ширины в px, pt, pc, in, cm и mm преобразуются в пиксели, а недостающая ширина или высота возвращается к окну обзора.

Frequently Asked Questions

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

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

svg to pngconvert svg to pngsvg to png converterfree svg to png convertersvg to png transparentsvg to png high resolutionsvg to png 2xexport svg as pngbatch convert svg to pngsvg icon to png