Otimize SVG em C#

SVG (Scalable Vector Graphics) é um formato de imagem vetorial amplamente utilizado no desenvolvimento web. As imagens SVG são independentes da resolução e podem ser dimensionadas para qualquer tamanho sem perder qualidade. Isso os torna ideais para uso em diversas aplicações, como logotipos, ícones e ilustrações. No entanto, os arquivos SVG às vezes podem ser muito grandes, especialmente se forem complexos ou contiverem muitos dados. Isso pode levar a tempos de carregamento de página mais lentos e maior uso de largura de banda. Para superar esse problema, precisamos otimizar os arquivos SVG para a web. Nesta postagem do blog, aprenderemos como otimizar SVG em C#.

Este artigo cobre os seguintes tópicos:

  1. API do otimizador de código C# SVG
  2. Etapas para otimizar SVG
  3. Otimizar SVG em C#
  4. Otimizar SVG on-line
  5. Recursos de aprendizagem gratuitos

API do otimizador de código C# SVG

Usaremos Aspose.SVG for .NET para otimizar arquivos SVG em C#. Aspose.SVG for .NET é uma API poderosa e fácil de usar que permite manipular documentos SVG e reduzir o tamanho do arquivo. É uma biblioteca multiplataforma que oferece uma ampla gama de recursos para processamento e renderização de documentos SVG. Ele também permite que os desenvolvedores desenhem, mesclem e convertam SVG em PDF, XPS e nos principais formatos de imagem.

Por favor baixe a DLL da API ou instale-a usando NuGet.

PM> Install-Package Aspose.SVG

Como otimizar um arquivo SVG

Podemos otimizar imagens SVG seguindo as etapas abaixo:

  1. Carregue o arquivo SVG.
  2. Especifique as opções de otimização que deseja usar.
  3. Inicie o processo de otimização.
  4. Salve o documento SVG otimizado em um arquivo.

Agora, vamos ver como executar essas etapas em C# para otimizar arquivos SVG programaticamente.

Otimize SVG em C#

Siga as etapas abaixo para otimizar um arquivo SVG em C# usando Aspose.SVG:

  1. Carregue uma imagem SVG usando a classe SVGDocument.
  2. Crie uma instância da classe SVGOptimizationOptions.
  3. Especifique as opções de otimização.
  4. Depois disso, chame o método Optimize() para otimizar a imagem carregada.
  5. Por fim, salve a imagem usando o método Save().

O exemplo de código a seguir mostra como otimizar SVG em C#.

// Inicialize um documento SVG a partir de um arquivo
var document = new SVGDocument("C:\\Files\\sample.svg");

// Especifique opções de otimização
var options = new SVGOptimizationOptions();

// Otimização de caminho
options.PathOptimizationOptions.FloatPrecision = 2;
options.PathOptimizationOptions.ArcBuildingThreshold = 2;
options.PathOptimizationOptions.ArcBuildingTolerance = 1;

// Otimizar documento
SVGOptimizer.Optimize(document, options);

// Salvar documento em um arquivo
document.Save("C:\\Files\\optimized.svg");

Resumo do arquivo antes da otimização (sample.svg)

Characters (without line endings): 519,599
Words: 85,188
Lines: 7,416
File Size: 514 KB (527,014 bytes)

Resumo do arquivo após otimização (optimized.svg)

Characters (without line endings): 346,797
Words: 71,047
Lines: 1
File Size: 338 KB (346,797 bytes)

Obtenha uma licença gratuita

Você pode obter uma licença temporária gratuita para experimentar o Aspose.SVG for .NET sem limitações de avaliação.

Otimizador SVG on-line

Você também pode usar este aplicativo da web gratuito SVG Optimizer Online para otimizar imagens SVG.

Otimizar arquivo SVG – recursos de aprendizagem gratuitos

Além de otimizar arquivos SVG em C#, você pode explorar vários outros recursos da biblioteca usando os recursos abaixo:

Conclusão

Otimizar arquivos SVG em C# é uma ótima maneira de melhorar o desempenho de seus aplicativos web. Seguindo as etapas descritas neste artigo, você pode desenvolver facilmente seu próprio aplicativo otimizador de SVG. Em caso de qualquer ambigüidade, sinta-se à vontade para nos contatar em nosso fórum de suporte gratuito.

Veja também