ToolsMaxxing

Imagem para Base64

Codifique uma imagem como string Base64 ou data URL.

ou arraste e solte imagens aqui

Imagens JPG, PNG, WebP, GIF, AVIF, BMP ou SVG · Vários arquivos aceitos

Seus arquivos ficam no seu dispositivo

  1. 1Adicionar arquivos
  2. 2Ajustar
  3. 3Baixar

Como funciona

  1. 1Escolha uma ou mais imagens ou arraste para a página.
  2. 2Escolha a saída: uma data URL, texto Base64 simples, uma tag HTML img ou um background-image CSS.
  3. 3Selecione Copiar tudo para copiar o texto ou Salvar como .txt para guardar em um arquivo.
  4. 4Cole no seu código, modelo de e-mail ou folha de estilos.

O que cada opção faz

Data URL
O texto completo "data:image/png;base64,...". Funciona direto como src de uma imagem ou dentro de um url() do CSS.
Só o texto Base64
Apenas os caracteres codificados, para APIs e campos JSON que pedem Base64 simples.
Tag HTML img
Um elemento img pronto com a data URL dentro.
CSS background-image
Uma linha de CSS que usa a imagem como fundo.

Privacidade

Esta ferramenta roda no seu navegador. Seus arquivos nunca são enviados a um servidor.

Perguntas frequentes

Minha imagem é enviada?

Não. A imagem é codificada no seu navegador e o texto é mostrado só para você.

Por que o texto Base64 é maior que a imagem?

O Base64 escreve cada 3 bytes como 4 caracteres, então o texto fica cerca de um terço maior que o arquivo.

Quando devo usar uma data URL?

Para coisas pequenas, como ícones, um logotipo minúsculo em um e-mail ou um espaço reservado. Para imagens maiores, um arquivo normal é mais rápido porque os navegadores podem guardá-lo em cache.

Funciona com SVG?

Sim. Arquivos SVG são codificados como data URLs image/svg+xml.

Posso transformar Base64 de volta em imagem?

Cole a data URL na barra de endereços de um navegador para vê-la ou use um decodificador Base64 na página de ferramentas para desenvolvedores.

Ferramentas relacionadas