Imagem para Base64

Converta imagens PNG, JPG, GIF, WebP ou SVG em data URIs Base64 prontas para colar em HTML ou CSS.

100% privado — tudo roda no seu navegador

Como usar

  1. 1

    Solte uma imagem ou clique para escolher uma do seu dispositivo.

  2. 2

    A data URI Base64 é gerada na hora, junto com trechos de tag img e CSS.

  3. 3

    Copie o trecho que precisar ou baixe a data URI como arquivo de texto.

Exemplos

Ícone pequeno

Entrada

logo.png · 12 KB

Saída

data:image/png;base64,iVBORw0… (~16 KB de texto)

CSS embutido

Entrada

background.png · 4 KB

Saída

background-image: url("data:image/png;base64,…");

Perguntas frequentes

Por que a versão Base64 fica maior?

O Base64 codifica cada 3 bytes em 4 caracteres, então o texto fica cerca de 33% maior que o arquivo binário. A compressão Gzip costuma compensar.

Quando devo embutir uma imagem?

Para ícones, logos e gráficos de interface de poucos KB, quando economizar uma requisição HTTP importa mais do que o peso extra.

Minha imagem é enviada?

Não. O arquivo é lido com a API FileReader do navegador e nunca sai do seu dispositivo.

Ferramentas relacionadas