Imagem para Base64
Carregue uma imagem (PNG, JPG, GIF, SVG) e obtenha a sua representação Base64 instantaneamente, pronta a usar em <img src>, fundo CSS ou data URIs. Também descodifica uma cadeia Base64 de volta para imagem.
Conversão
Arraste uma imagem ou clique para a carregar
PNG, JPG, GIF, WebP ou SVG
Resultado
Como usar: Base64 imagem
- 1Escolha o sentido: imagem para Base64 ou Base64 para imagem.
- 2Arraste a imagem (PNG, JPG, GIF, WebP ou SVG) ou cole a cadeia Base64.
- 3Copie o Data URI completo, só o Base64, ou descarregue o resultado.
Para que serve?
- Incorporar ícones pequenos em CSS ou HTML sem pedidos extra.
- Incluir imagens em emails ou em JSON.
- Ver que imagem contém uma cadeia Base64.
Imagens em Base64 (data URI)
Quando faz sentido
Incorporar uma imagem como data URI poupa um pedido HTTP: útil para ícones pequenos, e-mails HTML ou ficheiros autónomos. Em imagens grandes é contraproducente: crescem 33 % e não são colocadas em cache em separado.
Formato
Tem o aspeto data:image/png;base64,AAAA…. O tipo MIME (image/png, image/jpeg, image/svg+xml) tem de corresponder ao conteúdo real.
Desempenho
Mantenha as imagens incorporadas abaixo de alguns quilobytes. Para o resto, é melhor um ficheiro normal com cache do navegador e, se fizer sentido, WebP ou AVIF.
Ferramentas relacionadas
Perguntas frequentes
A imagem sai do meu dispositivo?+
Não. Todo o processo ocorre no seu navegador e nada é enviado para nenhum servidor.