Converta GIF para Base64 online ou via C#

Codificar imagens online

Sobre o Esquema de URI

URI de dados é um método de incorporação de imagens e outros arquivos em páginas da Web como uma string de texto com base na codificação Base64. O esquema de URI de dados permite incluir quaisquer dados binários em documentos HTML, CSS, JSON ou SVG. Por exemplo, você pode incorporar imagens em uma página da Web como se fossem carregadas de um recurso externo, mas, em vez de especificar a URL do arquivo, você insere o conteúdo codificado em Base64 da imagem. O esquema de URI de dados foi definido no RFC 2397 e, a partir de 2022, é totalmente compatível com a maioria dos principais navegadores. A principal vantagem do uso de URI de dados é a aceleração do carregamento da página, pois o navegador não precisa fazer uma solicitação adicional da Web para recuperar o arquivo, pois a imagem já está incorporada ao documento HTML.

A sintaxe do URI de dados é a seguinte: data:[<mime type>][;charset=<charset>][;base64],<encoded data>.

Como o tamanho dos dados codificados em Base64 aumenta em 33%, é recomendável usar o URI de dados apenas para imagens pequenas. Imagens Base64 grandes produzem muito código no HTML, o que resulta em perda de benefícios de desempenho. Os arquivos GIF são pequenos em tamanho, tornando-os ideais para uso como URI de dados em sites para logotipos, ícones, arte de linha e muito mais.

Como converter GIF para Base64 em C#

Para converter GIF em string Base64, usamos a API Aspose.SVG for .NET, que é uma API rica em recursos, poderosa e fácil de usar. use a API de manipulação de documentos para a plataforma C#. Consideramos o exemplo de GIF para codificação Base64 e incorporação de string Base64 como URI de dados em um documento SVG. Essas operações podem ser feitas com algumas linhas de código:

    // Open a binary file – GIF image
    var bytes = File.ReadAllBytes(@"image.gif");
    // Initialize an SVGDocument object
    var document = new SVGDocument();
    // Create an image element
    var img = (SVGImageElement)document.CreateElementNS("http://www.w3.org/2000/svg", "image");
    // Convert GIF to Base64
    img.Href.BaseVal = "data:image/gif;charset=utf-8;base64," + Convert.ToBase64String(bytes);
    // Add the image element into the SVG document
    document.RootElement.AppendChild(img);
    // Save the SVG document
    document.Save(@"image-base64.svg");

Etapas para converter GIF em Base64 em C#

1. Abra uma imagem GIF para converter. Use o método ReadAllBytes(path) para abrir a imagem GIF e ler o conteúdo do arquivo em uma matriz de bytes.
2. Inicialize uma nova instância da classe SVGDocument.
3. Use o método CreateElementNS(namespaceURI, qualificadoName) da classe SVGDocument para criar um instância de imagem. O namespaceURI define a referência para a especificação W3C SVG. O qualifiedName deve conter o nome da tag de string do elemento de imagem.
4. Converta GIF para Base64. Chame o método ToBase64String(bytes) para converter uma matriz de inteiros de 8 bits em sua representação de string equivalente codificada em dígitos base64.
5. Adicione o elemento de imagem no documento SVG usando o método AppendChild(node).
6. Chame o método Save(path) para salvar o documento SVG.

Prós e contras do URI de dados

O URI de dados nos dá uma maneira inteligente de incorporar imagens em uma página da web. Os esquemas de URI podem ser usados ​​de várias maneiras. Mas em qualquer caso, há prós e contras.

Prós:

• Acelerar o carregamento da página. O navegador não precisa fazer uma solicitação da Web adicional para recuperar o arquivo porque a imagem já está incorporada no documento HTML.
• Melhoria de desempenho. O navegador requer menos tempo de CPU.
• As páginas da Web tornam-se independentes de arquivos externos, facilitando o compartilhamento mesmo offline.

Contra:

• O tamanho dos dados codificados em Base64 é 1/3 maior que a imagem binária.
• As imagens codificadas não são armazenadas em cache pelo navegador e serão baixadas sempre que tal página for visitada.
• As imagens codificadas são difíceis de editar porque a string Base64 precisa ser decodificada primeiro.
• Uma imagem Base64 nunca será indexada pelo Google porque não aparece nos resultados da pesquisa de imagens.
  
  

Codificadores Online Base64

Aspose.SVG oferece aplicativos online gratuitos para codificar e decodificar dados binários:

• Codificadores Base64 são um conjunto de ferramentas que permitem codificar dados binários em vários formatos de saída: Plain Base64, JSON, XML, URI ou CSS.
• Image Base64 Decoder converte um URI de dados contendo uma string Base64 em uma imagem colando uma string URI no controle de entrada.

Nossos aplicativos baseados em navegador funcionam em todas as plataformas, incluindo Windows, Linux, Mac OS, Android e iOS. Nenhum registro, plug-in ou instalação de software é necessário para você. Comece a usar nossas ferramentas on-line de codificação/decodificação Base64 de maneira segura, segura e fácil!

Exemplos de uso da codificação Base64

<svg xmlns="http://www.w3.org/2000/svg">
	<image href="data:image/gif;charset=utf-8;base64,R0lGODlhMgAyAPMMAA1dKxdkNC90STV4TkWCXFWNamGVdIaulZe..." alt="Green circle"/>
</svg>

<body>
    <div>
        <img src="data:image/gif;base64,R0lGODlhMgAyAPMMAA1dKxdkNC90STV4TkWCXFWNamGVdIaulZe..." alt="Green circle">
    </div>
</body>

.class {
    background-image: url('data:image/gif;base64,R0lGODlhMgAyAPMMAA1dKxdkNC90STV4TkWCXFWNamGVdIaulZe...');
}

<?xml version="1.0" encoding="UTF-8"?>
<root>
<image mime = "image/gif">R0lGODlhMgAyAPMMAA1dKxdkNC90STV4TkWCXFWNamGVdIaulZe...</image>
</root>

{
  "image": {
    "mime": "image/gif",
    "data": "R0lGODlhMgAyAPMMAA1dKxdkNC90STV4TkWCXFWNamGVdIaulZe..."
  }
}

Perguntas frequentes

Primeiros passos com API Aspose.SVG for .NET