Como converter uma imagem em um data URI Base64?

Arraste ou envie sua imagem para a caixa. A ferramenta gera na hora o data URI completo, já com o prefixo data:image/png;base64, no campo de saída. Clique em Copiar e cole no seu HTML ou CSS.

O data URI já inclui o prefixo necessário para HTML e CSS?

Sim. A string começa com o prefixo correto data:image/...;base64, então você pode colar diretamente em um atributo src de img ou em um valor url() do CSS sem precisar editar nada.

Quais formatos de imagem posso converter para Base64?

Qualquer imagem padrão de navegador funciona, incluindo PNG, JPG, GIF, WebP e SVG. A saída mantém o formato original, então transparência e vetores são preservados.

É seguro converter imagens privadas aqui?

Sim. A conversão roda localmente no seu navegador, sem envio, então sua imagem nunca sai do dispositivo. Nada é armazenado em servidor.

Imagem para Base64

Solte sua imagem aqui

ou Procurar arquivos Fica no seu dispositivo. Nada é enviado.

O que a ferramenta Imagem para Base64 faz

Esta ferramenta transforma qualquer imagem (PNG, JPG, GIF, SVG, WebP) em uma string de data URI Base64 que você pode colar direto no HTML, CSS, JSON ou em um modelo de e-mail. Em vez de apontar para um arquivo .png separado, a imagem inteira passa a viver dentro do código como texto, então há um arquivo a menos para hospedar e uma requisição de rede a menos para esperar. É útil para ícones pequenos, logos embutidos, imagens de fundo no CSS, favicons e demonstrações rápidas em que você não quer gerenciar arquivos de assets. Desenvolvedores front-end, quem programa e-mails e qualquer pessoa que precise embutir um logo em uma página estática vão aproveitar bastante.

Como usar

Arraste uma imagem para a caixa, ou clique nela para procurar e escolher um arquivo do seu dispositivo.
A ferramenta lê o arquivo, mostra as dimensões e o tamanho e gera o data URI automaticamente. Não há configurações extras para ajustar.
Veja o resultado na caixa do data URI Base64. A string já inclui o prefixo data:image/...;base64,, então está pronta para uso.
Clique em Copiar para pegar a string completa e cole no seu <img src="">, no url() do CSS ou onde precisar.

Por que converter aqui

A conversão acontece inteiramente no seu navegador usando o FileReader nativo, então sua imagem nunca é enviada a lugar nenhum. Isso mantém gráficos privados de fato privados e faz o resultado aparecer no instante em que o arquivo carrega. É gratuito, não exige cadastro e funciona igual no celular, no tablet ou no notebook. Como a saída preserva o formato original, um PNG transparente continua transparente e um SVG continua um SVG.

Dicas

Strings Base64 ficam cerca de 33 por cento maiores que o arquivo original, então o ideal é usá-las em imagens pequenas. Para fotos grandes, um link hospedado normal costuma ser mais leve. Precisa converter uma pasta inteira de ícones de uma vez? O app de desktop BulkPro, da mesma equipe, foi feito para tarefas em lote. Veja também outras opções na categoria imagem.

Perguntas frequentes

Como converter uma imagem em um data URI Base64?: Arraste ou envie sua imagem para a caixa. A ferramenta gera na hora o data URI completo, já com o prefixo data:image/png;base64, no campo de saída. Clique em Copiar e cole no seu HTML ou CSS.
O data URI já inclui o prefixo necessário para HTML e CSS?: Sim. A string começa com o prefixo correto data:image/...;base64, então você pode colar diretamente em um atributo src de img ou em um valor url() do CSS sem precisar editar nada.
Quais formatos de imagem posso converter para Base64?: Qualquer imagem padrão de navegador funciona, incluindo PNG, JPG, GIF, WebP e SVG. A saída mantém o formato original, então transparência e vetores são preservados.
É seguro converter imagens privadas aqui?: Sim. A conversão roda localmente no seu navegador, sem envio, então sua imagem nunca sai do dispositivo. Nada é armazenado em servidor.