ToolGenie

Imagem para Base64

Transforme uma imagem num data URI.

Drop an image here

or

Como usar Imagem para Base64

  1. Arraste uma imagem para a área de carregamento ou clique para a escolher.

  2. Escolha o formato de saída: Base64 em bruto, data URI, regra CSS ou etiqueta img.

  3. Copie o excerto diretamente para a sua folha de estilos ou marcação.

Perguntas frequentes

Quando compensa embutir uma imagem em Base64?

Em elementos pequenos — ícones, logótipos, um gradiente — poupa um pedido de rede. O Base64 acrescenta cerca de 33% de peso, por isso guarde as fotos à parte.

Que formatos são suportados?

PNG, JPG, WEBP, GIF e SVG. O tipo MIME correto é escrito automaticamente no data URI para o navegador mostrar a imagem de imediato.

A minha imagem é enviada para algum lado?

Não. O navegador lê o ficheiro com a API FileReader e codifica-o localmente, por isso uma arte ainda não publicada fica no seu dispositivo.

Ferramentas relacionadas

Procurando outra coisa? Veja todas as ferramentas para programadores.