Pular para o conteúdo

Converter imagem para Base64 — data URI, CSS e HTML

Codifique uma imagem como data URI em Base64 e copie como Base64 puro, fundo CSS, tag HTML img ou Markdown. Detecta PNG, JPG, GIF, WebP, SVG e outros.

Conversão no navegador · Sem registo

Uma imagem de até 15 MB · PNG, JPG, GIF, WebP, AVIF, SVG, BMP ou ICO

Como usar

  1. Escolha uma imagem ou solte-a na caixa.
  2. Escolha a saída: data URI, só Base64, CSS, HTML ou Markdown.
  3. Copie o texto ou baixe como arquivo .txt.

Exemplo

logo.png (1,2 KB) → data:image/png;base64,iVBORw0KGgo… (cerca de 1,6 KB de texto)

Detalhes e limitações

O texto Base64 é cerca de 33% maior que o arquivo. Embuta ícones e logos pequenos; para imagens maiores, use um link para manter as páginas rápidas.

O tipo de imagem é detectado pelo conteúdo do arquivo, não pelo nome: PNG, JPG, GIF, WebP, AVIF, SVG, BMP e ICO. A codificação acontece no seu navegador.

FAQ

Quando usar um data URI em Base64?

Para imagens bem pequenas em CSS, e-mails HTML ou páginas de arquivo único, quando economizar uma requisição importa mais que o tamanho. Data URIs não ficam em cache separadamente da página.

A imagem é enviada?

Não. O arquivo é lido e codificado no seu dispositivo.

Referências de formatos

Página da ferramenta atualizada: