Imagem para Base64

Escolha ou solte uma imagem e obtenha seu Base64 como texto simples, Data URI, CSS, HTML ou JSON. Tudo acontece no seu navegador.

Arquivo de imagem

Nada é armazenado nem enviado a nenhum servidor.

A ferramenta de imagem para Base64 transforma um arquivo de imagem em uma sequência de texto que você pode incorporar diretamente no seu código. Escolha um arquivo ou solte-o na área de envio e você verá uma pré-visualização junto com nome, tipo, dimensões e tamanho. O resultado vem em cinco formatos: texto simples, Data URI, uma regra CSS com background-image, uma tag img de HTML e um objeto JSON. A troca de formato é instantânea e não lê o arquivo novamente. Aceita PNG, JPEG, GIF, WebP, BMP, ICO, AVIF e SVG de até 10 MB. Tudo acontece no seu navegador e a imagem nunca é enviada a um servidor.

Como usar

  1. Escolha uma imagem no seletor ou solte-a na área de envio.
  2. Confira a pré-visualização e os dados do arquivo.
  3. Escolha o formato de saída: texto simples, Data URI, CSS, HTML ou JSON.
  4. Clique em Copiar para colocar o resultado na área de transferência.

Perguntas frequentes

Quais formatos de imagem ele aceita?
PNG, JPEG, GIF, WebP, BMP, ICO, AVIF e SVG, de até 10 MB por arquivo. O tipo é detectado pelo conteúdo, e não pela extensão do nome do arquivo.
Minha imagem é enviada a um servidor?
Não. A conversão é feita no seu navegador com as APIs do próprio navegador, e nada é armazenado nem enviado.
Quando é uma boa ideia incorporar uma imagem em Base64?
Com imagens pequenas, como ícones, economiza-se uma requisição extra. O Base64 é um terço maior que o arquivo original, então não compensa com imagens grandes.
Como posso verificar o resultado?
Cole a Data URI no visualizador de imagem Base64 e você verá a mesma imagem que escolheu.

Ferramentas relacionadas