TanodTools
PT

Imagem para Base64

Transforme uma imagem em uma data URL Base64 que você cola direto em HTML, CSS, Markdown ou JSON.

Seus arquivos nunca saem do seu dispositivo

Solte uma imagem aqui

PNG, JPEG, WebP, GIF, BMP, AVIF ou SVG. Ou arraste para qualquer lugar desta página.

Aberto neste dispositivo. Nada é enviado.

Uma imagem por vez, até 10 MB. PNG, JPEG, WebP, GIF, BMP, AVIF e SVG.

Como converter uma imagem para Base64

  1. Escolha uma imagem ou arraste-a para a página.
  2. Escolha o formato de que precisa: data URL, Base64 puro, CSS, uma tag img HTML ou Markdown.
  3. Clique em Copiar ou baixe o texto como arquivo.

Embutir imagens como texto

Converter uma imagem para Base64 resolve um problema simples: HTML, CSS, JSON, Markdown e corpos de e-mail são texto, mas imagens são binárias. O Base64 faz a ponte escrevendo os bytes da imagem com 64 caracteres seguros, para que a imagem inteira caiba dentro de uma regra de folha de estilo, de uma tag img ou de um arquivo de configuração, sem download separado.

Esta ferramenta lê o arquivo no seu navegador, confere o tipo real pelos primeiros bytes e monta o trecho que você escolher em volta do texto codificado. A imagem em si não muda: decodificar o Base64 devolve exatamente o arquivo original.

Dicas

  • Reduza a imagem antes com Comprimir imagem ou Redimensionar imagem; cada byte economizado vale um terço a mais de economia em Base64.
  • Para ícones simples, um SVG costuma ser menor que qualquer PNG, mesmo em Base64.
  • Para decodificar Base64 de volta em arquivo, ou codificar qualquer outro arquivo, use Codificar e decodificar Base64.

Perguntas frequentes

O que é uma data URL?

Uma forma de colocar os bytes de um arquivo dentro de um link. Ela começa com data:, o tipo do arquivo, como image/png, e ;base64,, seguidos do texto Base64. Os navegadores a exibem exatamente como se a imagem tivesse sido carregada de um arquivo separado.

Por que o Base64 é maior que a imagem?

O Base64 escreve cada 3 bytes como 4 caracteres de texto, então o texto fica cerca de 33 por cento maior que o arquivo. Servidores web que comprimem texto recuperam parte disso, mas uma imagem embutida continua maior que a mesma imagem servida separadamente.

Quando devo embutir uma imagem?

Para coisas pequenas: ícones, fundos minúsculos e placeholders com menos de alguns kilobytes, ou quando é preciso um único arquivo HTML ou e-mail autossuficiente. Imagens grandes ficam melhor como arquivos separados, porque uma data URL não pode ser guardada em cache sozinha e é baixada de novo com cada página ou folha de estilo que a contém. A ferramenta avisa acima de 100 KB.

Como o tipo do arquivo é definido?

Pelos bytes do arquivo, não pelo nome, então um PNG salvo com extensão .jpg continua recebendo image/png. Arquivos SVG são reconhecidos pelo texto e identificados como image/svg+xml.

Minha imagem é enviada?

Não. A imagem é lida e codificada no seu navegador, no seu dispositivo.