Когда речь идёт о веб‑изображениях, PNG — это проверенный формат благодаря поддержке прозрачности и широкой совместимости. С другой стороны, SVG популярен благодаря масштабируемости, что делает его идеальным для логотипов, иконок и другой векторной графики. Несмотря на множество преимуществ SVG, иногда необходимо преобразовать SVG в PNG, особенно для обеспечения совместимости на разных платформах и устройствах. В этом блоге мы расскажем, как конвертировать графику SVG в формат PNG с помощью Node.js.

Convert SVG to PNG using Node.js (Grayscale, Rotate, Flip, Bright Watermark)

Node.js API для конвертации изображений

GroupDocs предоставляет мощный API конвертации, который позволяет разработчикам преобразовывать форматы изображений и управлять полученными изображениями в процессе конвертации. API поддерживает широкий набор продвинутых опций, что делает его отличным выбором для преобразования SVG в PNG в Node.js. Для этой задачи мы будем использовать GroupDocs.Conversion for Node.js.

Чтобы начать, вы можете установить GroupDocs.Conversion for Node.js, выполнив следующую команду в вашем проекте:

npm i @groupdocs/groupdocs.conversion

Для получения дополнительной информации посетите документацию и справочник API.

Конвертация SVG в PNG с помощью Node.js

Начнём с преобразования векторной графики SVG в формат PNG, используя настройки по умолчанию. Ниже перечислены шаги, показывающие, как конвертировать изображение SVG в PNG с помощью Node.js.

  • Загрузить файл SVG с помощью класса Converter.
  • Настроить опции конвертации.
  • Указать формат вывода как PNG.
  • Вызвать метод convert() с подготовленными опциями.

Вот код Node.js, который преобразует SVG в PNG:

Продвинутая конвертация SVG в PNG с Node.js

GroupDocs.Conversion for Node.js предлагает множество параметров настройки, которые можно применить к PNG‑выводу во время процесса конвертации. Эти параметры включают:

  • Регулировку яркости
  • Регулировку контрастности
  • Коррекцию гаммы
  • Преобразование в градации серого
  • Горизонтальное или вертикальное отражение
  • Углы вращения
  • Пользовательские размеры изображения (высота и ширина)
  • Добавление водяного знака

Рассмотрим, как применить эти продвинутые опции при конвертации SVG в PNG в Node.js.

  • Загрузить файл SVG с помощью класса Converter.
  • Настроить опции конвертации изображения.
  • Указать формат вывода как PNG.
  • Определить настройки, такие как яркость, вращение или любые другие доступные.
  • Вызвать метод convert(), чтобы создать PNG.

Вот код Node.js, который применяет некоторые из этих продвинутых опций:

Попробуйте конвертацию SVG в PNG онлайн БЕСПЛАТНО

Нужен быстрый и простой способ конвертировать файлы SVG в PNG? Воспользуйтесь этим бесплатным онлайн‑конвертером SVG to PNG converter. Он доступен с любого устройства, имеющего веб‑браузер, что делает его удобным и без лишних хлопот.

Convert Word Document to PDF using Node.js.

Получить бесплатную лицензию API

Вы можете получить бесплатную временную лицензию для GroupDocs.Conversion, позволяющую использовать API без ограничений оценки.

Заключение

В этом посте мы рассмотрели, как конвертировать векторную графику SVG в изображения PNG с помощью Node.js и GroupDocs.Conversion for Node.js. Мы также показали, как улучшить процесс конвертации, применяя такие настройки, как вращение, градации серого, водяные знаки, регулировка яркости и многое другое. Эти продвинутые функции позволяют адаптировать PNG‑вывод под ваши точные требования.

Для дополнительных примеров ознакомьтесь с репозиторием GroupDocs на GitHub, где вы найдёте различные образцы кода, помогающие создать собственный конвертер SVG в PNG. Если у вас есть вопросы, смело обращайтесь к нам через форум.

Смотрите также