Imagem para Base64

Converta qualquer imagem para data URI Base64 instantaneamente. Copie a string codificada para fundos CSS, tags img HTML ou incorpore diretamente em JSON.

PNG · JPG · GIF · SVG · WebPCodificação instantâneaSem upload

① Arraste ou selecione um ficheiro de imagem ② Escolha o formato (Base64 / Data URL) ③ Copie a string codificada

Arraste a imagem aquiPNG, JPG, GIF, SVG, WebP — ou clique para procurar
Como funciona

A API FileReader lê o seu ficheiro de imagem e converte-o numa data URI codificada em Base64. Tudo no browser — o seu ficheiro nunca sai do dispositivo.

O que é Base64?

Base64 codifica dados binários como texto ASCII usando 64 caracteres imprimíveis. Uma data URI combina o tipo MIME e a string Base64 numa única string incorporável que começa com data:.

Quando usar

Use imagens Base64 para eliminar pedidos HTTP para ícones pequenos, incorporar imagens em CSS, armazenar imagens em APIs JSON, ou em HTML de email onde imagens externas são bloqueadas.

Imagem para Base64 — como funciona a codificação data URI

A codificação Base64 converte dados binários (como ficheiros de imagem) numa string de texto usando apenas caracteres ASCII. Um Data URL (data:image/png;base64,…) incorpora os dados diretamente em HTML ou CSS, sem pedido HTTP separado. A API FileReader gera a string inteiramente no browser. Ideal para ícones pequenos em tags <img src="data:..."> ou CSS background-image. A string codificada é aproximadamente 33% maior do que o binário original.

Perguntas frequentes

A codificação Base64 converte dados binários de imagem numa string de caracteres ASCII. Uma data URI envolve esta string com um prefixo de tipo MIME (ex. data:image/png;base64,...) para ser usada em src HTML, CSS ou JSON.
A API FileReader do browser lê o ficheiro como buffer binário, depois codifica cada 3 bytes de dados binários como 4 caracteres Base64. O resultado é uma string autónoma com o tipo de ficheiro e todos os dados de pixels.
Uma string Base64 contém apenas os dados brutos codificados. Uma data URI é a string completa incorporável: data:[tipo MIME];base64,[string Base64]. Para HTML ou CSS precisa da data URI completa.
Qualquer formato de imagem que o browser consiga ler: PNG, JPG, GIF, SVG, WebP, BMP, ICO, AVIF. O tipo MIME é detetado automaticamente.
As imagens codificadas em Base64 são aproximadamente 33% maiores do que o ficheiro binário original. Não podem ser cacheadas separadamente pelo browser. Use Base64 apenas para ficheiros abaixo de 10–20 KB.
Em CSS: background-image: url('data:image/png;base64,...'). O botão 'Copiar como fundo CSS' formata o valor pronto para colar.
Não. A conversão corre inteiramente no browser usando a API FileReader. O seu ficheiro de imagem nunca sai do dispositivo.

Explore a nossa rede