Toolonit
  1. Início
  2. Imagem
  3. Imagem para Base64

Conversor de imagem para Base64

Transforme uma imagem em uma string data: URI.

Solte imagens aqui ou clique para escolher

JPG, PNG, WebP, GIF, BMP, ICO, SVG ou AVIF. Os arquivos são processados no navegador e nunca enviados. Elas ficam neste navegador até você removê-las.

Ctrl+OescolherCtrl+Vcolar

Transforme uma imagem em texto que você pode colocar direto em HTML, CSS, JSON ou Markdown. Solte uma ou mais imagens para obter, de cada uma, o data URI, o Base64 puro, a regra CSS de fundo, a tag HTML <img> e a imagem em Markdown, cada um a um clique da sua área de transferência. Os arquivos são lidos pelo seu navegador e nunca saem do seu dispositivo; é grátis e não exige cadastro.

Como converter uma imagem para Base64

  1. Solte imagens em qualquer lugar da página, cole uma com Ctrl+V ou clique para escolher os arquivos. As imagens que você adicionou em qualquer outra ferramenta de imagem já estão aqui, do jeito que estão agora: uma que você redimensionou ou recortou lá e aplicou dá o data URI da imagem editada. A imagem de exemplo permite testar sem arquivo.
  2. Clique em Data URI, Base64, CSS, HTML ou Markdown abaixo de uma imagem para copiar esse trecho. Ctrl+C copia o data URI da imagem selecionada.
  3. Cole onde precisar ou baixe como arquivo de texto. Com várias imagens, Baixar tudo (ZIP) salva todas de uma vez.

Recursos

  • Cinco trechos por imagem: data URI, Base64 puro, CSS background-image, HTML <img> e Markdown
  • A tag HTML inclui a largura, a altura e um texto alternativo tirado do nome do arquivo
  • Um clique para copiar; Ctrl+C copia o data URI da imagem selecionada
  • Várias imagens de uma vez, com um arquivo .txt por imagem ou todas em um único ZIP
  • Um aviso para imagens acima de 100 KB, em que costuma ser melhor linkar o arquivo
  • PNG, JPG, GIF, WebP, SVG, AVIF, BMP e ICO, com o tipo MIME certo mesmo quando o navegador não informa um

É privado?

Sim. O seu navegador lê o arquivo e o converte na própria página; nada é enviado a lugar nenhum, e as imagens ficam neste navegador até você removê-las. O data URI é o próprio arquivo, então leva junto os metadados da foto: quando há uma localização GPS ou outros metadados, a ferramenta avisa e indica o Visualizador de EXIF para removê-los antes.

Perguntas frequentes

Quando devo usar um data URI?

Para imagens pequenas, como ícones, logos e fundos minúsculos, quando economizar uma requisição separada faz diferença, e onde um arquivo não pode ir: um e-mail em HTML, uma página de arquivo único, um campo JSON ou um documento Markdown. Para fotos grandes, linke o arquivo, para que o navegador possa guardá-lo em cache.

Quanto o Base64 aumenta um arquivo?

Cerca de um terço. O Base64 usa 4 caracteres para cada 3 bytes, então uma imagem de 30 KB vira cerca de 40 KB de texto. Acima de uns 100 KB, costuma ser melhor linkar o arquivo, e a ferramenta avisa.

Qual trecho devo copiar?

Data URI para um src ou url() que você mesmo escreve, CSS para uma regra background-image pronta, HTML para uma tag <img> completa com largura, altura e texto alternativo, Markdown para documentação e Base64 quando uma API ou um campo JSON pede só os dados codificados.

Posso converter várias imagens de uma vez?

Sim. Adicione quantas imagens quiser; cada uma ganha os próprios trechos, e Baixar tudo (ZIP) salva um arquivo de texto por imagem.

Ferramentas relacionadas