ToolboxKit

Conversor de imagem para Base64

Arraste uma imagem para codificá-la em Base64 e copiar como data URI, Base64 puro, tag HTML, fundo CSS ou Markdown.

Seus arquivos nunca saem do seu aparelho — tudo acontece no navegador.

Como usar

  1. 1Arraste uma imagem PNG, JPG, SVG, GIF, WebP ou ICO.
  2. 2Confira o tamanho original e o tamanho codificado.
  3. 3Escolha o formato que precisa: data URI, Base64 puro, HTML, CSS ou Markdown.
  4. 4Clique em "Copiar" ao lado e cole no seu código.

Perguntas frequentes

Quando vale a pena incorporar imagens em Base64?

É útil para ícones e logos pequenos em e-mails HTML, páginas HTML de arquivo único e CSS, onde economiza uma requisição. Para fotos grandes costuma ser pior, porque o Base64 fica um terço maior e não tem cache próprio.

Qual a diferença entre data URI e Base64 puro?

O data URI adiciona um prefixo como data:image/png;base64, que diz ao navegador o tipo do arquivo, então funciona direto em src e url(). O Base64 puro é só o dado codificado, que APIs e campos JSON costumam esperar.

Minha imagem é enviada?

Não. A codificação acontece no navegador com a FileReader API.

Ferramentas relacionadas