Imagem para Base64
Solte uma imagem aqui ou clique para escolher um arquivo
PNG, JPEG, GIF, WebP, SVG, AVIF — processamento local, nada é enviado.
Sobre o conversor de imagem para Base64
A codificação Base64 transforma os dados binários de uma imagem em texto, permitindo embutir a imagem diretamente em HTML, CSS, JSON ou Markdown como data URI em vez de servi-la como arquivo separado.
Este conversor lê seu arquivo localmente com a API FileReader e produz o data URI completo, o conteúdo Base64 puro e trechos CSS e HTML prontos para colar. A imagem nunca sai do seu dispositivo.
Como converter uma imagem para Base64
- Solte uma imagem na área de upload ou clique para escolher um arquivo.
- Confira a pré-visualização e a informação de sobrecarga de tamanho.
- Copie o data URI, o Base64 puro ou o trecho CSS ou HTML que precisar.
- Para o caminho inverso, cole um data URI no campo de decodificação e pré-visualize-o.
Dicas
- Base64 adiciona cerca de 33% ao tamanho do arquivo — embuta apenas imagens pequenas como ícones e logos.
- Imagens embutidas não são cacheadas separadamente; são baixadas de novo com cada página que as incorpora.
- Comprima ou redimensione a imagem primeiro: a codificação não reduz nada.
- Para ícones simples, o SVG inline costuma vencer um PNG em Base64 tanto em tamanho quanto em nitidez.
Verificações antes de embutir imagens em Base64
Embutir elimina uma requisição, mas aumenta a página e bloqueia o cache. Confirme se a troca vale a pena para cada recurso.
Embuta apenas imagens pequenas
Base64 adiciona cerca de 33% de sobrecarga e a string incha o HTML ou CSS. Embuta ícones e gráficos pequenos, não fotos.
Considere o impacto no cache
Uma imagem embutida é baixada de novo com cada documento em vez de ser cacheada uma vez como arquivo separado.
Comprima antes de codificar
Base64 não comprime nada. Otimize ou redimensione a imagem primeiro e depois codifique o arquivo menor.
Prefira SVG quando possível
Para ícones simples, o SVG inline costuma ser menor e mais nítido que uma imagem raster em Base64.
Ferramentas relacionadas
Você também pode achar essas ferramentas úteis.