Para que serve uma data URL Base64?

As data URLs Base64 permitem incorporar imagens diretamente em HTML ou CSS, sem uma requisição de arquivo separada.

A codificação aumenta o tamanho do arquivo?

Sim, a codificação Base64 aumenta o tamanho em cerca de 33% em relação ao arquivo binário original.

Minha imagem é enviada para algum lugar?

Não, tanto a codificação quanto a decodificação acontecem localmente no seu navegador, usando a FileReader API.

Quanto maior fica uma imagem codificada em Base64?

Cerca de 33% maior que o arquivo binário original, já que o Base64 codifica cada 3 bytes como 4 caracteres.

Qual é a diferença entre a string Base64 bruta e uma data URL?

Uma data URL adiciona um prefixo, como data:image/png;base64, que informa ao navegador o tipo de arquivo, para que possa ser usada diretamente como fonte de imagem. O Base64 bruto são apenas os caracteres codificados. Escolha qualquer um dos formatos de saída na ferramenta.

Posso decodificar uma string Base64 de volta em um arquivo de imagem para download?

Sim. Cole o Base64 ou a data URL na aba de decodificação; o tipo real do arquivo é detectado a partir dos dados, uma prévia é exibida e você pode baixá-lo com a extensão correta.

Por que incorporar uma imagem em Base64 em vez de vincular a um arquivo?

A incorporação evita uma requisição de rede separada, o que é útil para ícones pequenos em CSS/HTML ou imagens embutidas em e-mails, embora aumente o tamanho do arquivo que a contém.

Ele pode me dar uma tag ou CSS?

Sim. Escolha tag , fundo CSS ou Markdown para copiar um trecho pronto para colar que já inclui a data URI e, no caso do , a largura e a altura da imagem.

Processado 100% localmente no seu navegador

Codificador de Imagem Base64

Transforme imagens em data URIs Base64 e trechos prontos para colar, ou decodifique Base64 de volta para uma imagem — inteiramente no seu navegador.

Resposta Rápida

Codificador de Imagem Base64 lets you: Transforme imagens em data URIs Base64 e trechos prontos para colar, ou decodifique Base64 de volta para uma imagem — inteiramente no seu navegador. To start, alterne entre codificar uma imagem ou decodificar uma string Base64.

Loading tool…

Como usar esta ferramenta

1
Escolha um modo
Alterne entre codificar uma imagem ou decodificar uma string Base64.
2
Envie ou cole
Envie um arquivo de imagem ou cole uma string Base64 / data URL.
3
Veja o resultado
Veja instantaneamente a string Base64 gerada ou a prévia da imagem decodificada.
4
Copie ou baixe
Copie a saída Base64 ou baixe a imagem decodificada.

Perguntas Frequentes

QR Code Generator

Crie QR codes estilizados com seu logo e um título, baixe em PNG ou SVG, ou imprima uma página inteira de etiquetas — gerado 100% localmente.

JSON Formatter

Um editor de JSON em tela cheia: formate, valide, repare, ordene chaves e explore em árvore, tabela ou consulta JSONPath — 100% local.

Codificador de Imagem Base64

Como usar esta ferramenta

Escolha um modo

Envie ou cole

Veja o resultado

Copie ou baixe

Perguntas Frequentes

Para que serve uma data URL Base64?

A codificação aumenta o tamanho do arquivo?

Minha imagem é enviada para algum lugar?

Quanto maior fica uma imagem codificada em Base64?

Qual é a diferença entre a string Base64 bruta e uma data URL?

Posso decodificar uma string Base64 de volta em um arquivo de imagem para download?

Por que incorporar uma imagem em Base64 em vez de vincular a um arquivo?

Ele pode me dar uma tag <img> ou CSS?

Ferramentas Relacionadas

QR Code Generator

JSON Formatter

Codificador de Imagem Base64

Como usar esta ferramenta

Escolha um modo

Envie ou cole

Veja o resultado

Copie ou baixe

Perguntas Frequentes

Para que serve uma data URL Base64?

A codificação aumenta o tamanho do arquivo?

Minha imagem é enviada para algum lugar?

Quanto maior fica uma imagem codificada em Base64?

Qual é a diferença entre a string Base64 bruta e uma data URL?

Posso decodificar uma string Base64 de volta em um arquivo de imagem para download?

Por que incorporar uma imagem em Base64 em vez de vincular a um arquivo?

Ele pode me dar uma tag <img> ou CSS?

Ferramentas Relacionadas

QR Code Generator

JSON Formatter