Imagem para Data URI

Uma data URI codifica uma imagem diretamente como texto (Base64), de modo que você pode incorporá-la em linha no HTML (um src de img) ou no CSS (um fundo) sem um arquivo separado nem uma requisição de rede adicional. Esta ferramenta converte a sua imagem numa data: URI pronta para colar.

A saída é um arquivo de texto simples que contém a string completa data:image/...;base64,... É útil para ícones minúsculos, modelos de e-mail, demonstrações de um único arquivo ou para evitar uma requisição extra, embora o texto Base64 seja cerca de um terço maior que os bytes originais.

Tudo é executado inteiramente de forma local no seu navegador (sem envio, mesmo offline): a sua imagem nunca sai do seu dispositivo. A imagem é codificada exatamente como está (mesmos bytes, mesmo formato, sem recodificação); uma imagem muito grande gera uma string muito longa, por isso isto serve melhor para imagens pequenas.

O compromisso honesto de embutir: uma data URI viaja com cada entrega do arquivo HTML ou CSS e não é cacheada separadamente pelo navegador. Como regra prática, embutir só compensa para gráficos bem pequenos - ícones de poucos kilobytes; imagens grandes ficam melhor como arquivo próprio. Para conferir rápido, cole a string direto na barra de endereços do navegador.

Ficha técnica

Em 3 passos

1. Arraste ou toque na sua imagem (PNG, JPEG ou WebP).
2. Ela é codificada em Base64 numa data: URI no seu navegador.
3. Baixe o arquivo de texto com a data URI (pronta para colar).

Limites: Codifica os bytes da imagem exatamente como estão em Base64 numa string data:<tipo>;base64,... salva como arquivo de texto. O Base64 é cerca de 33% maior que o original, por isso serve melhor para imagens pequenas. O formato e os bytes originais são mantidos (sem recodificação).

Perguntas frequentes

Ferramentas relacionadas

Colagem de imagens · Comprimir imagens · PNG para SVG · Otimizar SVG