ferra

Imagem

Imagem para Base64

Gere data URI / Base64 para embutir a imagem em HTML, CSS ou JSON.

Quando possível, o arquivo fica só no seu navegador — não enviamos para nenhum servidor.

Como usar

  1. 01

    Envie a imagem.

  2. 02

    Copie o data URI gerado ou baixe o texto.

  3. 03

    Cole no seu código ou ferramenta.

Quando usar (e quando evitar)

Bom para assets minúsculos (favicons, ícones de 1–2 KB). Ruim para fotos grandes: o HTML/CSS fica pesado e dificulta cache.

Avisamos quando o resultado passar de alguns centenas de KB para você não colar um monstro sem querer.

Base64 transforma binário em texto. É útil para ícones pequenos em CSS inline, mocks e payloads JSON — com o custo de ~33% a mais de tamanho.

Quem busca imagem para base64, “converter imagem em base64” ou “data uri imagem” encontra nesta página uma ferramenta grátis, em português, que roda no navegador — sem cadastro e sem enviar o que você digita a um servidor.

Perguntas frequentes

O que é data URI?+

É o texto no formato data:image/png;base64,... que o navegador entende como imagem embutida.

Por que o arquivo “cresce”?+

Base64 usa só caracteres seguros em texto e adiciona cerca de 33% de overhead.

Upload?+

Não. A leitura é local via FileReader.

Limite?+

Até 20 MB, mas resultados enormes podem travar a área de texto.

O resultado já vem com o prefixo data:image?+

Sim. A saída é um data URI completo, como data:image/png;base64,…, que funciona direto em src de img ou em url() no CSS. Para a string pura, apague tudo até a vírgula.

Base64 deixa a imagem maior?+

Sim, cerca de 33% maior que o arquivo original. Por isso vale a pena só para ícones e imagens pequenas.

Quando não usar imagem em Base64?+

Em fotos grandes e imagens repetidas em várias páginas. Um arquivo externo pode ficar em cache no navegador, enquanto o Base64 é baixado de novo junto com cada HTML ou CSS.

Guias sobre imagem para base64

Ferramentas relacionadas