Codificar imagens online

Codifique imagens com a API Aspose.SVG for .NET em tempo real! Carregue uma imagem do sistema de arquivos local e você obterá imediatamente o resultado como um URI de dados, fonte de imagem Base64 e fonte de fundo CSS Base64. JPG, JPEG, SVG, PJP, PJPEG, PNG, BMP, XBM, GIF, TIFF, ICO, IFIF, WEBP e outros formatos de imagem são suportados.

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. Se você precisar converter TIFF para Base64 e usar string codificada para incorporar em um arquivo HTML, CSS, JSON ou SVG, aprenda primeiro todos os prós e contras.


Como converter TIFF para Base64 em C#

Para converter TIFF 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 codificação TIFF para Base64 e incorporação da string Base64 como URI de dados em um documento SVG. Essas operações podem ser feitas com algumas linhas de código:


Código C# para converter TIFF em string Base64 e incorporá-lo ao arquivo SVG

    // Open a binary file - TIFF image
    var bytes = File.ReadAllBytes(@"image.tiff");
    // 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 TIFF to Base64
    img.Href.BaseVal = "data:image/tiff;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 TIFF para Base64 em C#

  1. Abra uma imagem TIFF para converter. Use o método ReadAllBytes(path) para abrir a imagem TIFF 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 TIFF 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. Use 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

Código SVG para incorporar a imagem Base64 TIFF em um documento SVG

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

Código HTML para incorporar a imagem Base64 TIFF

<body>
    <div>
        <img src="data:image/tiff;base64,SUkqAAgAAAAUAP4ABAABAAAAAAAAAAABAw..." alt="Blue circle">
    </div>
</body>

Código CSS para incorporar a imagem Base64 TIFF como imagem de fundo

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

Código XML para incorporar a imagem Base64 TIFF em um documento XML

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

Código JSON para incorporar a imagem Base64 TIFF no documento JSON

{
  "image": {
    "mime": "image/tiff",
    "data": "SUkqAAgAAAAUAP4ABAABAAAAAAAAAAABAw..."
  }
}



Perguntas frequentes

1. Como posso converter TIFF para Base64?

Aspose.SVG permite que você converta TIFF para string Base64 de qualquer maneira - online ou programaticamente. Por exemplo, você pode codificar TIFF em tempo real usando o Codificador TIFF que converte seus arquivos com rapidez e qualidade. Carregue, codifique TIFF e obtenha o resultado em poucos segundos! Por outro lado, você pode usar Aspose.SVG para .NET API para converter TIFF para Base64 programaticamente.

2. Por que a codificação Base64 é necessária?

Historicamente, muitos formatos de transferência e armazenamento de dados usam texto em vez de código binário (HTML, XML, e-mail e assim por diante). E se o formato de transferência de dados for baseado em texto, mas você precisar transferir os dados binários? É aqui que entra a codificação Base64. Para evitar a má interpretação de símbolos binários ao enviar dados pela Internet, é necessário codificá-los em caracteres. Algumas aplicações típicas da Codificação Base64: esquemas de URI de dados para imagens (CSS, HTML, JavaScript); transferir imagens e outros dados binários para XML; armazenar imagens em um banco de dados; incluindo imagens em mensagens de e-mail.

3. Quais navegadores suportam URIs de dados?

O URI de dados é a maneira mais rápida e fácil de incorporar imagens e outros arquivos em suas páginas da web. O URI de dados é compatível com os principais navegadores modernos: Chrome, Firefox, Safari, Edge, Opera e IE8+.

4. O que é codificação Base64?

Base64 é um esquema de codificação de binário para texto que representa dados binários em um formato de string ASCII. A codificação Base64 é comumente usada quando é necessário codificar informações binárias que precisam ser armazenadas e transferidas por mídia projetada para trabalhar com dados textuais.

Introdução à API .NET SVG

Se você estiver interessado em desenvolver gráficos vetoriais escalonáveis ​​e seus aplicativos, instale nosso Aspose.SVG flexível e de alta velocidade para API .NET com um poderoso conjunto de interfaces para C# e outras linguagens de programação .NET.
Instale a partir da linha de comando como nuget install Aspose.SVG ou via Package Manager Console do Visual Studio com Install-Package Aspose.SVG. Como alternativa, obtenha o instalador MSI offline ou DLLs em um arquivo ZIP em downloads. Aspose.SVG para .NET API é uma biblioteca autônoma e não depende de qualquer software para processamento de documentos SVG.
Para obter mais detalhes sobre a instalação da biblioteca C# e os requisitos do sistema, consulte Documentação do Aspose.SVG.

Outros Codificadores Base64 compatíveis

Você pode converter imagem em string Base64 - os formatos JPG, PNG, BMP, GIF, TIFF, ICO e SVG são suportados:

JPG to Base64 (JPEG Image)
PNG to Base64 (Portable Network Graphics)
BMP to Base64 (Bitmap Image)
SVG to Base64 (Scalable Vector Graphics)
TIFF to Base64 (Tagged Image Format)
GIF TO Base64 (Graphical Interchange Format)
ICO to Base64 (Computer Icons Format)
Image to Base64 (Binary Image)