Pular para o conteúdo
SPCXTools

Imagem para Base64

Transforme qualquer imagem em um data URI Base64 e copie como Base64 puro, background CSS, tag img HTML ou Markdown.

Roda localmente — os arquivos não saem do seu dispositivo

Carregando ferramenta…

Como usar: Imagem para Base64

  1. 1Escolha uma imagem ou arraste e solte na página.
  2. 2Escolha o formato de saída — Data URI, Base64 puro, CSS, HTML ou Markdown.
  3. 3Verifique o tamanho codificado mostrado ao lado da visualização.
  4. 4Clique em Copiar e cole o código onde precisar.

Incorpore imagens diretamente no seu código

Às vezes você precisa de uma imagem sem um arquivo separado: um ícone em uma folha de estilo, um logotipo em um relatório HTML de arquivo único, um placeholder em uma resposta de API JSON, uma imagem em um documento Markdown ou um fundo em uma biblioteca de componentes. Este conversor codifica qualquer imagem em Base64 e a formata pronta para colar — como um data URI, Base64 puro, uma background-image em CSS, uma tag <img> em HTML ou sintaxe de imagem em Markdown.

Recursos

  • Todos os formatos comuns de imagem: PNG, JPG, GIF, WebP, AVIF, SVG, ICO e mais.
  • Cinco formatos de saída para diferentes usos.
  • Comparação de tamanho entre o arquivo original e o texto codificado.
  • Visualização da imagem com fundo quadriculado de transparência.
  • Cópia com um clique.
  • Privado: o arquivo nunca sai do seu navegador.

Exemplos de saída

Formato Como fica
Data URI data:image/png;base64,iVBORw0KGgo…
Base64 iVBORw0KGgo…
CSS background-image: url("data:image/png;base64,…");
HTML <img src="data:image/png;base64,…" alt="logo">
Markdown ![logo](data:image/png;base64,…)

Mantenha as imagens incorporadas pequenas

Imagens incorporadas não podem ser armazenadas em cache isoladamente e são baixadas novamente a cada cópia da página ou folha de estilo que as contém. Como regra geral, incorpore apenas imagens menores que alguns kilobytes. Reduza o tamanho das imagens primeiro com o Comprimir Imagem, converta ícones vetoriais com o SVG para PNG se precisar de um bitmap, ou codifique outros arquivos e textos com o codificador Base64.

Perguntas frequentes

O que é um data URI?
Um data URI incorpora um arquivo diretamente no texto, no formato data:image/png;base64, seguido pelos bytes codificados. Os navegadores o exibem exatamente como uma imagem carregada de uma URL, mas nenhuma requisição separada é necessária.
Por que a versão em Base64 é maior que a imagem?
O Base64 codifica cada 3 bytes como 4 caracteres de texto, então o resultado é cerca de 33% maior que o arquivo original. Quando uma página é servida com compressão gzip ou Brotli, parte desse tamanho extra é recuperada.
Quando devo incorporar imagens em Base64?
Para imagens pequenas — ícones, logotipos pequenos, placeholders e imagens em e-mails HTML ou documentos de arquivo único — onde evitar uma requisição extra é importante. Para fotos grandes, um arquivo de imagem normal é melhor porque pode ser armazenado em cache separadamente e não pesa no seu HTML ou CSS.
Clientes de e-mail mostram imagens em Base64?
O suporte varia. Muitos clientes de webmail bloqueiam ou removem imagens em data-URI, então para newsletters geralmente é mais confiável hospedar as imagens ou incluí-las como anexos inline.
É feito upload da minha imagem?
Não. A imagem é lida e codificada pelo seu próprio navegador. Nada é enviado para um servidor.

Ferramentas relacionadas

Codificar e Decodificar Base64Converta textos e arquivos para Base64 e vice-versa, com suporte total a UTF-8 e Base64URL.SVG para PNGTransforme gráficos vetoriais SVG em imagens PNG nítidas em qualquer tamanho, mantendo a transparência.Comprimir ImagemDeixe imagens menores por qualidade ou para um tamanho exato em KB — em lote e sem precisar fazer upload.Codificar e Decodificar URLCodifique texto para URLs (percent-encoding) ou decodifique URLs e query strings de volta para texto legível.Base64 para ImagemDecodifique strings Base64 e Data URIs de volta em imagens visíveis e prontas para download instantaneamente no seu navegador.Calculadora ChmodConverta entre caixas de seleção, números octais como 755 e permissões simbólicas como rwxr-xr-x.