Imagem & Foto

Conversor de Imagem para Base64

Arraste um JPG, PNG, WebP, GIF ou SVG para obter uma URL de dados Base64 com trechos prontos para copiar e colar para CSS, HTML e Markdown — ou cole uma string Base64 para decodificá-la de volta para uma imagem para download.

Drop your image here

or click to browse — JPG, PNG, WebP, GIF, SVG, BMP, ICO, AVIF up to 10 MB.

Private by design. Images are encoded and decoded entirely in your browser using FileReader and URL decoding. Nothing is uploaded.

O que é a codificação de imagem Base64?

Base64 é uma maneira de representar dados binários — como uma imagem — usando apenas caracteres ASCII imprimíveis. A forma de URL de dados (uma string que começa com data:image/png;base64,...) permite que você cole uma imagem inteira diretamente em HTML, CSS, JSON, Markdown, uma assinatura de e-mail ou uma resposta de servidor, sem necessidade de um arquivo separado. A codificação é sem perdas: decodificar o Base64 resulta exatamente nos mesmos bytes que foram inseridos. A desvantagem é o tamanho — Base64 consome cerca de 33% mais caracteres do que o binário subjacente, então um PNG de 100 KB se torna aproximadamente 134 KB de texto Base64. Isso o torna ideal para ícones pequenos, SVGs inline e trechos únicos, e uma má escolha para grandes imagens de destaque. Esta ferramenta codifica qualquer imagem que você arraste e decodifica qualquer string Base64 de volta para uma imagem para download, com o trabalho feito inteiramente no seu navegador.

Como converter uma imagem para Base64

1
Escolha uma direção
Use Imagem → Base64 para codificar uma imagem que você tem no disco. Use Base64 → Imagem para decodificar uma string que você copiou de uma URL de dados, uma resposta de API ou um arquivo CSS.
2
Arraste sua imagem
Para codificação, arraste um JPG, PNG, WebP, GIF, SVG, BMP, ICO ou AVIF para a área de upload ou clique para escolher do seu dispositivo. A imagem é exibida na parte superior do cartão de resultado.
3
Copie o trecho que você precisa
Cinco trechos prontos para colar são gerados: a URL de dados completa, o Base64 cru (sem prefixo), CSS background-image, tag HTML <img> e imagem Markdown. Clique em Copiar no que você deseja.
4
Ou cole uma string Base64 para decodificar
Mude para Base64 → Imagem, cole uma URL de dados completa ou a parte Base64 crua. A ferramenta preenche automaticamente strings curtas e assume PNG quando o prefixo está ausente — clique em Decodificar para visualizar.
5
Baixe a imagem decodificada
Uma vez decodificada, o cartão de pré-visualização mostra as dimensões da imagem e um tamanho de arquivo estimado. Clique em Baixar para salvar os bytes originais de volta no disco com a extensão correta.

Como funciona a codificação de imagem Base64

1. O FileReader.readAsDataURL() do navegador lê o arquivo de imagem como binário.
2. Ele agrupa os bytes em blocos de 3 (24 bits) e re-encoda cada bloco como 4 caracteres ASCII.
3. O alfabeto de 64 caracteres é A-Z, a-z, 0-9, mais '+' e '/' (com '=' para preenchimento).
4. A saída é prefixada com 'data:<mime>;base64,' para torná-la uma URL de dados utilizável.
5. A decodificação reverte cada passo: remove o prefixo, normaliza variantes seguras para URL, preenche para um múltiplo de 4.
6. Os bytes decodificados são encapsulados em um Blob e expostos via createObjectURL — ou usados diretamente como a URL de dados.

A sobrecarga de 33% no tamanho está embutida na matemática: 3 bytes de binário se tornam 4 bytes de ASCII, uma proporção de 4/3. Isso é um limite rígido — não há variante Base64 comprimida em uso generalizado. O prefixo MIME em uma URL de dados não é uma decoração opcional: navegadores, renderizadores de Markdown e clientes de e-mail o usam para decidir como renderizar os bytes. Se você colar Base64 bruto sem o prefixo 'data:image/...', esta ferramenta assume PNG, que é uma suposição segura para capturas de tela e ícones, mas pode produzir uma prévia corrompida se a fonte for na verdade JPG. A melhor prática é manter o formato completo da URL de dados sempre que você copiar ou colar.

Referência: MDN — URLs de Dados

Trabalhos comuns com imagem Base64

Caso de uso	Melhor trecho para copiar
Incluir um ícone pequeno diretamente no CSS	Copie o trecho de background-image do CSS. Elimina uma requisição HTTP para ícones abaixo de ~5 KB. Funciona bem para spinners, marcas de seleção, ícones estilo sprite.
Incorporar uma imagem em uma resposta JSON ou API REST	Copie o trecho da URL de Dados. O receptor pode colá-lo diretamente em <img src> ou um background CSS. Comum para aplicativos de chat, capturas de tela e uploads de avatares.
Cole uma captura de tela em um post de blog Markdown ou issue do GitHub	Copie o trecho da imagem Markdown. Renderiza inline sem fazer upload para um CDN. Alguns renderizadores de Markdown (GitHub) rejeitam URLs de dados muito grandes — mantenha pequeno.
Decodificar uma string Base64 de um e-mail ou API em um arquivo utilizável	Mude para Base64 → Imagem, cole a string, clique em Decodificar, depois em Baixar. Funciona para Base64 bruto também — assume PNG quando o MIME está ausente.

Quando usar imagens Base64

Incluir ícones pequenos ou spinners diretamente no CSS para evitar uma viagem HTTP.
Incorporar imagens em um único arquivo HTML autossuficiente (documentos offline, um CV, uma exportação de diagrama).
Enviar imagens através de um canal apenas JSON — API REST, protocolo de chat, payload de webhook.
Cole uma captura de tela inline em uma issue do GitHub, página do Notion ou rascunho de blog Markdown.
Decodificar uma imagem Base64 que você recebeu de uma API ou e-mail em um arquivo para download.
Gerar uma URL de dados de espaço reservado para um esqueleto de carregamento apenas CSS.
Auditar ou inspecionar o conteúdo de uma URL de dados que alguém lhe deu antes de salvar o arquivo.

Ferramentas relacionadas

Removedor de Fundo

Recorte o assunto de qualquer foto com IA no dispositivo — sem necessidade de upload.

Compressor de Imagem

Reduza arquivos JPG, PNG ou WebP no seu navegador com um controle deslizante de qualidade interativo.

Editor de Fotos

Ajuste, filtre, gire e corte fotos no navegador — sem uploads, sem marca d'água.

Criador de Meme

Componha memes e colagens de capturas de tela com camadas reais — cole, arraste, corte, legendas, exporte.

Perguntas frequentes

Quando devo usar uma URL de dados Base64 em vez de um arquivo de imagem regular?

Quando a imagem é pequena (menos de cerca de 5 KB), usada em um único lugar, e economizar uma requisição HTTP é mais importante do que o cache. Ícones pequenos, SVGs inline e assinaturas de e-mail únicas são perfeitas. Imagens hero, fotos e ativos reutilizáveis devem permanecer como arquivos separados — o navegador pode armazená-los em cache, e Base64 aumenta o tamanho total da página em cerca de 33%.

Por que a string Base64 é maior do que a imagem original?

Base64 usa 4 caracteres ASCII para representar cada 3 bytes de binário, então a saída é sempre cerca de 33% maior do que o arquivo subjacente. Isso é um limite matemático rígido, não uma peculiaridade desta ferramenta. Se o tamanho importa, otimize a imagem primeiro (o Compressor de Imagens é bom para isso) antes de codificar.

Minhas imagens foram carregadas em algum lugar?

Não. A codificação usa a API FileReader do navegador e a decodificação usa manipulação de string nativa — ambas rodam inteiramente na sua aba. Você pode verificar na aba de rede que nenhum byte de imagem sai da página após o carregamento.

Por que minha imagem decodificada parece corrompida?

A causa mais comum é um prefixo MIME ausente ou incorreto em uma string Base64 bruta — esta ferramenta assume PNG quando nenhum prefixo está presente, o que corrompe um JPG ou WebP. Cole a URL de dados completa sempre que possível. Outras causas: a string foi truncada durante a transmissão, ou foi codificada em URL e não decodificada em URL antes de colar.

Quais tipos MIME o decodificador pode produzir?

Qualquer MIME que a URL de dados declarar: image/png, image/jpeg, image/webp, image/gif, image/svg+xml, image/bmp, image/x-icon, ou image/avif. O download usa a extensão correta automaticamente. Para Base64 bruto sem prefixo, a ferramenta assume PNG, que é a suposição mais segura para capturas de tela e ícones.

Há um tamanho máximo de imagem?

10 MB por arquivo. Além disso, strings Base64 se tornam difíceis de manusear no navegador e a maioria dos consumidores (renderizadores de Markdown, analisadores JSON, limites de URL de dados dos navegadores) as rejeitam. Se você precisar incorporar algo maior, você quase certamente quer uma URL de arquivo real.

Qual é a diferença entre isso e a ferramenta Codificador Base64?

O Codificador Base64 funciona com entrada de texto arbitrária — útil para cabeçalhos de autenticação básica, credenciais codificadas em JSON e outras tarefas de desenvolvedor. Esta ferramenta é específica para imagens: ela produz URLs de dados completas com o prefixo MIME correto e os trechos prontos para colar que você realmente deseja ao incorporar uma imagem.

Última atualização 2026-04-29

O que é a codificação de imagem Base64?

Como converter uma imagem para Base64

Escolha uma direção

Use Imagem → Base64 para codificar uma imagem que você tem no disco. Use Base64 → Imagem para decodificar uma string que você copiou de uma URL de dados, uma resposta de API ou um arquivo CSS.

Arraste sua imagem

Para codificação, arraste um JPG, PNG, WebP, GIF, SVG, BMP, ICO ou AVIF para a área de upload ou clique para escolher do seu dispositivo. A imagem é exibida na parte superior do cartão de resultado.

Copie o trecho que você precisa

Cinco trechos prontos para colar são gerados: a URL de dados completa, o Base64 cru (sem prefixo), CSS background-image, tag HTML <img> e imagem Markdown. Clique em Copiar no que você deseja.

Ou cole uma string Base64 para decodificar

Mude para Base64 → Imagem, cole uma URL de dados completa ou a parte Base64 crua. A ferramenta preenche automaticamente strings curtas e assume PNG quando o prefixo está ausente — clique em Decodificar para visualizar.

Baixe a imagem decodificada

Uma vez decodificada, o cartão de pré-visualização mostra as dimensões da imagem e um tamanho de arquivo estimado. Clique em Baixar para salvar os bytes originais de volta no disco com a extensão correta.

Como funciona a codificação de imagem Base64

1. O FileReader.readAsDataURL() do navegador lê o arquivo de imagem como binário.
2. Ele agrupa os bytes em blocos de 3 (24 bits) e re-encoda cada bloco como 4 caracteres ASCII.
3. O alfabeto de 64 caracteres é A-Z, a-z, 0-9, mais '+' e '/' (com '=' para preenchimento).
4. A saída é prefixada com 'data:<mime>;base64,' para torná-la uma URL de dados utilizável.
5. A decodificação reverte cada passo: remove o prefixo, normaliza variantes seguras para URL, preenche para um múltiplo de 4.
6. Os bytes decodificados são encapsulados em um Blob e expostos via createObjectURL — ou usados diretamente como a URL de dados.

Trabalhos comuns com imagem Base64

Caso de uso	Melhor trecho para copiar
Incluir um ícone pequeno diretamente no CSS	Copie o trecho de background-image do CSS. Elimina uma requisição HTTP para ícones abaixo de ~5 KB. Funciona bem para spinners, marcas de seleção, ícones estilo sprite.
Incorporar uma imagem em uma resposta JSON ou API REST	Copie o trecho da URL de Dados. O receptor pode colá-lo diretamente em <img src> ou um background CSS. Comum para aplicativos de chat, capturas de tela e uploads de avatares.
Cole uma captura de tela em um post de blog Markdown ou issue do GitHub	Copie o trecho da imagem Markdown. Renderiza inline sem fazer upload para um CDN. Alguns renderizadores de Markdown (GitHub) rejeitam URLs de dados muito grandes — mantenha pequeno.
Decodificar uma string Base64 de um e-mail ou API em um arquivo utilizável	Mude para Base64 → Imagem, cole a string, clique em Decodificar, depois em Baixar. Funciona para Base64 bruto também — assume PNG quando o MIME está ausente.

Quando usar imagens Base64

Incluir ícones pequenos ou spinners diretamente no CSS para evitar uma viagem HTTP.

Incorporar imagens em um único arquivo HTML autossuficiente (documentos offline, um CV, uma exportação de diagrama).

Enviar imagens através de um canal apenas JSON — API REST, protocolo de chat, payload de webhook.

Cole uma captura de tela inline em uma issue do GitHub, página do Notion ou rascunho de blog Markdown.

Decodificar uma imagem Base64 que você recebeu de uma API ou e-mail em um arquivo para download.

Gerar uma URL de dados de espaço reservado para um esqueleto de carregamento apenas CSS.

Auditar ou inspecionar o conteúdo de uma URL de dados que alguém lhe deu antes de salvar o arquivo.