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.
Como converter BMP para Base64 em C#
Para converter BMP 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 BMP para 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:
Código C# para converter BMP em string Base64 e incorporá-lo ao arquivo SVG
// Open a binary file – BMP image
var bytes = File.ReadAllBytes(@"image.bmp");
// 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 BMP to Base64
img.Href.BaseVal = "data:image/bmp;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 BMP para Base64 em C#
- Abra uma imagem BMP para converter. Use o método ReadAllBytes(
path
) para abrir a imagem BMP e ler o conteúdo do arquivo em uma matriz de bytes. - Inicialize uma nova instância da classe SVGDocument.
- Use o método
CreateElementNS(
namespaceURI, qualificadoName
) da classe SVGDocument para criar um instância de imagem. OnamespaceURI
define a referência para a especificação W3C SVG. OqualifiedName
deve conter o nome da tag de string do elemento de imagem. - Converta BMP 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.
- Adicione o elemento de imagem no documento SVG usando o método
AppendChild(
node
). - 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
Código SVG para incorporar a imagem Base64 BMP em um documento SVG
<svg xmlns="http://www.w3.org/2000/svg">
<image href="data:image/bmp;charset=utf-8;base64,Qk04DAAAAAAAADYAAAAoAAA..." alt="Blue circle"/>
</svg>
Código HTML para incorporar a imagem Base64 BMP
<body>
<div>
<img src="data:image/bmp;base64,Qk04DAAAAAAAADYAAAAoAAA..." alt="Blue circle">
</div>
</body>
Código CSS para incorporar a imagem Base64 BMP como imagem de fundo
.class {
background-image: url('data:image/bmp;base64,Qk04DAAAAAAAADYAAAAoAAA...');
}
Código XML para incorporar a imagem Base64 BMP em um documento XML
<?xml version="1.0" encoding="UTF-8"?>
<root>
<image mime = "image/bmp">Qk04DAAAAAAAADYAAAAoAAA...</image>
</root>
Código JSON para incorporar a imagem BMP Base64 no documento JSON
{
"image": {
"mime": "image/bmp",
"data": "Qk04DAAAAAAAADYAAAAoAAA..."
}
}
Perguntas frequentes
Aspose.SVG permite que você converta BMP para string Base64 de qualquer maneira – online ou programaticamente. Por exemplo, você pode codificar BMP em tempo real usando o Codificador BMP que converte seus arquivos com rapidez e qualidade. Carregue, codifique BMP e obtenha o resultado em poucos segundos! Por outro lado, você pode usar Aspose.SVG for .NET API para converter BMP para Base64 programaticamente.
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.
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+.
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.
Primeiros passos com API Aspose.SVG for .NET
Se você estiver interessado em desenvolver gráficos vetoriais escaláveis e suas aplicações, instale nosso Aspose.SVG for .NET API flexível e de alta velocidade 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 off-line ou DLLs em um arquivo ZIP em
downloads.
Aspose.SVG for .NET API é uma biblioteca independente e não depende de nenhum 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 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: