Imagem para Base64 – Gere o data URI e volte
Converta uma imagem em data URI Base64, com o CSS e o HTML já prontos para colar, e visualize um Base64 de volta como imagem.
Processado no navegador – nenhum dado enviado ao servidor
Imagem para Base64
Arraste uma imagem aqui ou
Base64 para imagem
Como usar esta ferramenta
- Arraste a imagem ou escolha o arquivo
- Copie o data URI, ou a linha pronta de CSS ou HTML
- Para o caminho inverso, cole um Base64 no campo de baixo
- Confira a prévia para validar o conteúdo
Sobre esta ferramenta
O que é
Um data URI embute o conteúdo do arquivo dentro da própria URL, em Base64. A imagem passa a viajar junto com o CSS ou o HTML, o que elimina uma requisição — ao custo de cerca de 33% de tamanho a mais.
Quando usar
- Embutir um ícone pequeno em CSS e eliminar uma requisição
- Incorporar imagem em e-mail HTML
- Guardar uma imagem pequena dentro de um JSON de configuração
- Depurar um campo de imagem recebido de uma API
- Converter arquivos sensíveis sem enviá-los a um serviço online
Segurança
Processamento 100% no navegador. Nenhum dado é enviado ao servidor — seus dados sensíveis permanecem no seu dispositivo.
Perguntas frequentes
- Por que o Base64 fica maior que o arquivo original?
- Porque o Base64 representa cada 3 bytes com 4 caracteres, o que acrescenta cerca de 33%. É o preço de transportar dado binário dentro de texto.
- Quando não vale a pena usar data URI?
- Em imagens acima de aproximadamente 100 KB. Elas atrasam a primeira renderização, porque o navegador não consegue baixá-las em paralelo nem guardá-las em cache separado do CSS ou do HTML.
- A imagem é enviada para algum servidor?
- Não. A conversão usa a API de leitura de arquivos do próprio navegador e o conteúdo nunca sai do seu dispositivo.