Início / Ferramentas de imagem / Imagem para Base64
Imagem para Base64
Uma data URL coloca a imagem dentro da marcação, então a página não faz nenhuma requisição extra por ela. Escolha um arquivo e copie a string: ela nunca sai do seu aparelho, o que importa em material não publicado.
Como usar
- Escolha um arquivo de imagem.
- Confira a prévia e a comparação de tamanhos.
- Cole a data URL no seu src ou no seu CSS.
Exemplos
- Um ícone de 2 KB vira uma data URL curta que carrega junto com a página.
- Cole no src de uma tag img ou dentro de url() na folha de estilos.
- A saída codificada fica cerca de um terço maior que o arquivo original.
Perguntas frequentes
Quando isso é má ideia?
Para qualquer coisa acima de poucos quilobytes. Imagens embutidas não podem ser cacheadas separadamente, então uma data URL grande é baixada de novo a cada página e infla o HTML. Reserve para ícones pequenos e gráficos pontuais.
Funciona com SVG?
Sim, e para SVG a data URL costuma ser a melhor escolha, porque o arquivo é pequeno e textual. Codificar também evita problemas de escape ao embutir SVG diretamente no CSS.
Ferramentas relacionadas
Atualizado: 2026-08-07