Idioma
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Conversor de Imagem para Base64

Conversor de Imagem para Base64

Converta uma imagem em string Base64 ou data URI para HTML, CSS e e-mail, e decodifique Base64 de volta para uma imagem para baixar. Saída em data URI, bruto, CSS e HTML.

Conversor de Imagem para Base64

O Conversor de Imagem para Base64 transforma uma figura em uma string de texto codificada em Base64 que você cola direto no seu código. Solte um arquivo JPEG, PNG, WebP, GIF, SVG, BMP ou ICO e receba um data URI embutido pronto para HTML, CSS, e-mail ou JSON — sem precisar de um arquivo de imagem separado.

Funciona nos dois sentidos. Codifique uma imagem em Base64 no formato de saída que preferir ou vá até a aba Base64 para Imagem para colar uma string Base64 e baixá-la de volta como um arquivo de imagem real.

Privado por padrão: toda imagem é lida e convertida no seu navegador. Nada é enviado para um servidor e nenhum dado de uso é coletado.

Como converter uma imagem para Base64

1

Adicione sua imagem

Na aba Imagem para Base64, arraste e solte uma imagem na área de envio ou clique nela para escolher um arquivo. Aparece uma prévia com o Nome, o Tipo, o Tamanho e as Dimensões do arquivo.

2

Escolha um formato de saída

Alterne entre data URI, Base64 bruto, fundo CSS e HTML <img>. A saída e a comparação de tamanho são atualizadas na hora.

3

Copie ou baixe

Clique em Copiar para enviar a string para a área de transferência ou em Baixar .txt para salvá-la como arquivo de texto. Use Trocar imagem para recomeçar com outro arquivo.

4

Decodifique de volta para imagem

Abra Base64 para Imagem, cole uma string Base64 (com ou sem o prefixo data:image/...) e a prévia aparece automaticamente. Clique em Baixar imagem para salvá-la.

Recursos

Codificação por arrastar e soltar

Solte uma imagem na área de envio ou clique para procurar, e ela é convertida em Base64 no momento em que carrega.

Vários formatos de saída

Obtenha data URI, Base64 bruto, uma regra CSS background-image ou uma tag HTML <img> completa com um clique.

Decodificação de Base64 para imagem

Cole uma string Base64 para visualizar a imagem e baixá-la de volta como arquivo real no formato original.

Detecção automática de data URI

A decodificação aceita um data URI completo ou só o Base64 bruto — o prefixo é detectado automaticamente, sem precisar limpar nada.

Informações do arquivo num relance

Veja o nome da imagem, o tipo MIME, o tamanho do arquivo e as dimensões em pixels ao lado da prévia ao vivo.

Comparação de tamanho

Compare o tamanho do arquivo original com a saída codificada para saber se vale a pena embutir em Base64.

Amplo suporte a formatos

Funciona com imagens JPEG, PNG, WebP, GIF, SVG, BMP e ICO em uma única ferramenta.

Copiar ou baixar

Copie o resultado para a área de transferência ou salve como arquivo .txt, e carregue uma string de exemplo para testar a decodificação.

Perguntas frequentes

Como converter uma imagem para Base64?

Na aba Imagem para Base64, arraste e solte sua imagem ou clique para selecionar um arquivo. Ela é codificada na hora — depois escolha a saída em data URI, Base64 bruto, CSS ou HTML e clique em Copiar ou Baixar .txt.

Como usar uma imagem Base64 em HTML?

Escolha a saída data URI e coloque-a no atributo de origem de uma tag de imagem, como <img src="data:image/png;base64,iVBOR...">. Ou escolha o formato HTML <img> para copiar uma tag completa, pronta para colar.

Como usar uma imagem Base64 em CSS?

Selecione o formato de saída CSS. Ele gera uma regra background-image: url(data:image/...); que embute a imagem diretamente na sua folha de estilo — ótimo para ícones pequenos e padrões de interface.

Uma imagem em Base64 fica maior que a original?

Sim. A codificação Base64 aumenta o tamanho dos dados em cerca de 33%, então uma imagem de 100 KB fica com aproximadamente 133 KB. A comparação de tamanho mostra a variação exata. Embutir é indicado para imagens pequenas, como ícones e logotipos; sirva fotos grandes como arquivos separados em cache.

O que é um data URI?

Um data URI embute dados de forma inline usando o formato data:[media-type];base64,[data]. Para imagens, ele fica como data:image/png;base64,iVBOR... e pode ser colocado direto em um atributo src de HTML ou em um valor url() de CSS.

Como decodificar Base64 de volta para uma imagem?

Abra a aba Base64 para Imagem e cole sua string — funciona tanto um data URI completo quanto o Base64 bruto, pois o prefixo é detectado automaticamente. A prévia aparece com o tipo, as dimensões e o tamanho, e Baixar imagem salva tudo como arquivo.

Minha imagem permanece no meu dispositivo?

Sim. Toda a codificação e decodificação roda no seu navegador com JavaScript. Suas imagens e strings Base64 nunca são enviadas para um servidor, então seus dados ficam privados no seu próprio dispositivo.

Solte uma imagem aqui ou clique para enviar

JPEG, PNG, WebP, GIF, SVG, BMP, ICO

Preview
Nome -
Tipo -
Tamanho -
Dimensões -
Colar string Base64
Imagem decodificada
Tipo -
Dimensões -
Tamanho do Base64 -
Arraste e solte uma imagem ou clique para enviar e converter na hora para Base64
Escolha o formato data URI para usar direto no HTML <img src>
Use o formato CSS para embutir imagens diretamente nas folhas de estilo
Cole o Base64 com ou sem o prefixo data:image/... — ele é detectado automaticamente
Todo o processamento acontece no seu navegador — as imagens nunca saem do seu dispositivo
Quer saber mais? Leia a documentação →
1/6
Comece a digitar para pesquisar...
Pesquisando...
Nenhum resultado encontrado
Tente pesquisar com palavras-chave diferentes