Quando se trata de imagens da web, PNG é um formato de referência por seu suporte à transparência e ampla compatibilidade. Por outro lado, SVG é um favorito por sua escalabilidade, tornando-o ideal para logotipos, ícones e outros gráficos baseados em vetores. Apesar das muitas vantagens do SVG, há momentos em que converter SVGs para PNGs é necessário, especialmente para garantir a compatibilidade entre diferentes plataformas e dispositivos. Nesta postagem do blog, guiaremos você pelo processo de conversão de gráficos SVG para o formato PNG usando Node.js.
API Node.js para converter imagens
O GroupDocs fornece uma poderosa API de conversão que permite que os desenvolvedores convertam formatos de imagem e manipulem as imagens resultantes durante o processo de conversão. A API suporta uma ampla gama de opções avançadas, tornando-a uma ótima escolha para converter SVG para PNG no Node.js. Usaremos GroupDocs.Conversion for Node.js para esta tarefa.
Para começar, você pode instalar o GroupDocs.Conversion for Node.js executando o seguinte comando em seu projeto:
npm i @groupdocs/groupdocs.conversion
Para mais detalhes, visite a documentação e a Referência da API.
Converter SVG em 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 para 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.
- Invoque o método convert() com as opções preparadas.
Aqui está o código Node.js que converte o SVG para PNG:
// Converta arquivo SVG em formato PNG usando a API de conversão Node.js com opções padrão
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions()
convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png)
converter.convert("path/converted-svg-to-png.png", convertOptions)
Conversão avançada de SVG para PNG com Node.js
GroupDocs.Conversion for Node.js oferece uma variedade de opções de personalização que você pode aplicar à saída PNG durante o processo de conversão. Essas opções incluem:
- Ajuste de brilho
- Ajuste de contraste
- Correção gama
- Conversão de escala de cinza
- Inversão horizontal ou vertical
- Ângulos de rotação
- Dimensões de imagem personalizadas (altura e largura)
- Adição de marca d’água
Vamos dar uma olhada em como você pode aplicar essas opções avançadas durante a conversão de SVG para PNG no 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.
- Invoque o método convert() para gerar o PNG.
Aqui está o código Node.js que aplica algumas dessas opções avançadas:
// Converta vetores SVG em formato PNG com Node.js usando várias personalizações
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions();
convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png);
convertOptions.setFlipMode(groupdocs.conversion.ImageFlipModes.FlipY);
convertOptions.setBrightness(50);
convertOptions.setContrast(50);
convertOptions.setGamma(0.5);
convertOptions.setGrayscale(true);
convertOptions.setHorizontalResolution(300);
convertOptions.setVerticalResolution(100);
convertOptions.setPageNumber(1);
convertOptions.setPagesCount(2);
converter.convert("path/converted-svg-to-png.png", convertOptions)
Experimente a conversão de SVG para PNG online GRATUITAMENTE
Precisa de uma solução rápida e fácil para converter arquivos SVG para PNG? Use este conversor SVG para PNG online gratuito. Ele pode ser acessado de qualquer dispositivo com um navegador da web, o que o torna conveniente e sem complicações.
Obtenha uma licença de API gratuita
Você pode obter uma licença temporária gratuita para GroupDocs.Conversion, permitindo que você use a API sem limitações de avaliação.
Conclusão
Nesta publicação, exploramos como converter gráficos vetoriais SVG em imagens PNG usando Node.js com GroupDocs.Conversion for Node.js. Também mostramos como você pode 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 que você adapte a saída PNG aos seus requisitos exatos.
Para mais exemplos, confira o repositório GitHub do GroupDocs, onde você pode encontrar vários exemplos de código para ajudar a construir seu próprio conversor de SVG para PNG. Se você tiver alguma dúvida, sinta-se à vontade para entrar em contato conosco pelo fórum.