Quando se trata de imagens na web, o PNG é um formato de referência por seu suporte à transparência e ampla compatibilidade. Por outro lado, o SVG é favorito por sua escalabilidade, tornando‑o ideal para logotipos, ícones e outras artes vetoriais. Apesar das muitas vantagens do SVG, há momentos em que converter SVGs para PNG é necessário, especialmente para garantir compatibilidade entre diferentes plataformas e dispositivos. Neste post, vamos guiá‑lo pelo processo de conversão de gráficos SVG para o formato PNG usando Node.js.

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

API Node.js para Conversão de Imagens

GroupDocs fornece uma poderosa Conversion API que permite aos desenvolvedores converter formatos de imagem e manipular as imagens resultantes durante o processo de conversão. A API oferece uma ampla gama de opções avançadas, tornando‑a uma ótima escolha para converter SVG para PNG em Node.js. Usaremos o GroupDocs.Conversion for Node.js para esta tarefa.

Para começar, você pode install o GroupDocs.Conversion for Node.js executando o seguinte comando no seu projeto:

npm i @groupdocs/groupdocs.conversion

Para mais detalhes, visite a documentation e a API Reference.

Converter SVG para Imagem PNG usando Node.js

Vamos começar convertendo gráficos vetoriais SVG para o formato PNG usando as configurações padrão. Os passos a seguir descrevem como converter uma imagem SVG em PNG usando Node.js.

  • Carregue o arquivo SVG usando a classe Converter.
  • Configure as opções de conversão.
  • Especifique o formato de saída como PNG.
  • Chame o método convert() com as opções preparadas.

Aqui está o código Node.js que converte o SVG para PNG:

Conversão Avançada de SVG para PNG com Node.js

GroupDocs.Conversion for Node.js oferece diversas opções de personalização que podem ser aplicadas ao PNG de saída durante o processo de conversão. Essas opções incluem:

  • Ajuste de brilho
  • Ajuste de contraste
  • Correção de gama
  • Conversão para escala de cinza
  • Espelhamento horizontal ou vertical
  • Ângulos de rotação
  • Dimensões de imagem personalizadas (altura e largura)
  • Adição de marca d’água

Vamos ver como aplicar essas opções avançadas durante a conversão de SVG para PNG em Node.js.

  • Carregue o arquivo SVG usando a classe Converter.
  • Configure as opções de conversão de imagem.
  • Especifique o formato de saída como PNG.
  • Defina as personalizações, como brilho, rotação ou qualquer outra disponível.
  • Chame o método convert() para gerar o PNG.

Aqui está o código Node.js que aplica algumas dessas opções avançadas:

Teste a Conversão de SVG para PNG Online GRÁTIS

Precisa de uma solução rápida e fácil para converter arquivos SVG em PNG? Use este conversor SVG para PNG gratuito online. Ele pode ser acessado de qualquer dispositivo com navegador web, tornando‑o conveniente e sem complicações.

Convert Word Document to PDF using Node.js.

Obtenha uma Licença de API Gratuita

Você pode obter uma free temporary license para o GroupDocs.Conversion, permitindo usar a API sem limitações de avaliação.

Conclusão

Neste post, exploramos como converter gráficos vetoriais SVG em imagens PNG usando Node.js com o GroupDocs.Conversion for Node.js. Também demonstramos como aprimorar o processo de conversão aplicando personalizações como rotação, escala de cinza, marca d’água, ajustes de brilho e muito mais. Esses recursos avançados permitem adaptar a saída PNG exatamente às suas necessidades.

Para mais exemplos, confira o GroupDocs GitHub repository, onde você encontrará diversos trechos de código para ajudá‑lo a criar seu próprio conversor SVG para PNG. Se tiver alguma dúvida, sinta‑se à vontade para nos contatar através do forum.

Veja Também