Imagem para Base64
Ferramenta online gratuita para converter imagens em data URIs Base64. Suporta PNG, JPEG, GIF, SVG, WebP e BMP. Copie ou baixe a string codificada instantaneamente.
Converta qualquer imagem em um data URI Base64 para incorporação direta em HTML, CSS ou JSON.
title: Conversor de Imagem para Base64 — Ferramenta Online Gratuita description: Converta qualquer imagem para um Data URI em Base64 instantaneamente. Suporta PNG, JPEG, GIF, SVG, WebP e BMP. Gratuita, privada e funciona inteiramente no seu navegador. date: 2026-05-17
O Que É a Codificação de Imagem em Base64?
A codificação Base64 converte dados binários de imagem em uma string de texto composta por letras, números, +, / e =. Ao ser combinada com um prefixo de tipo MIME, ela cria um Data URI — uma string autossuficiente que pode ser incorporada diretamente no HTML, CSS ou JSON, sem a necessidade de um arquivo separado.
Por exemplo, em vez de vincular a um arquivo externo:
<img src="logo.png" alt="Logo" />
Você pode incorporar a imagem diretamente no código:
<img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo" />
Por Que Converter Imagens para Base64?
| Vantagem | Descrição | |---|- --| | Menos requisições HTTP | Incorporar imagens pequenas elimina downloads separados de arquivos | | Modelos de e-mail | Muitos clientes de e-mail não carregam imagens externas — o Base64 funciona integrado no código | | Arquivos únicos | Agrupe ícones e recursos em um único arquivo HTML para facilitar o compartilhamento | | Payloads de API | Envie imagens como strings em JSON sem uploads multipart | | Documentos offline | Relatórios HTML autossuficientes que funcionam sem um servidor |
Formatos de Imagem Suportados
| Formato | Tipo MIME | Extensão |
|---|---|- --|
| PNG | image/png | .png |
| JPEG | image/jpeg | .jpg, .jpeg |
| GIF | image/gif | .gif |
| SVG | image/svg+xml | .svg |
| WebP | image/webp | .webp |
| BMP | image/bmp | .bmp |
Tamanho máximo do arquivo: 10 MB.
Formatos de Saída
Esta ferramenta oferece quatro formatos de saída:
- Data URI — String completa
data:image/...;base64,.... Use diretamente em atributossrcouurl()no CSS. - Apenas Base64 — String Base64 pura, sem o prefixo de Data URI. Útil para payloads de API.
- Tag HTML — Elemento
<img>completo comsrc,alt,widtheheight. - Fundo CSS — Declaração
background-image: url(...)pronta para uso.
Como Usar
- Carregar uma imagem — Arraste e solte na área de envio ou clique para procurar seus arquivos.
- Visualizar a imagem — Veja a imagem carregada e suas informações (nome, tamanho, tipo, dimensões).
- Escolher formato de saída — Selecione Data URI, Apenas Base64, Tag HTML ou Fundo CSS.
- Copiar ou baixar — Clique em Copiar para a área de transferência ou Baixar como arquivo de texto.
Quando Usar Base64 (e Quando Não Usar)
Bons casos de uso:
- Ícones pequenos e elementos de interface (abaixo de 10 KB)
- Imagens para newsletters de e-mail
- Protótipos HTML em arquivo único
- Payloads de API JSON onde uploads multipart não estão disponíveis
Evite para:
- Fotos grandes ou imagens de capa (aumenta o tamanho do arquivo em ~33%)
- Sites com muitas imagens (sem cache do navegador para dados incorporados)
- Imagens repetidas em várias páginas (o Base64 não pode ser armazenado em cache separadamente)
Privacidade e Segurança
Todo o processamento ocorre inteiramente no seu navegador. Suas imagens nunca são enviadas para nenhum servidor. A conversão para Base64 é realizada no lado do cliente, usando a FileReader API.
Perguntas Frequentes
O Base64 aumenta o tamanho do arquivo? Sim. A codificação Base64 aumenta o tamanho original do arquivo em aproximadamente 33%. Um PNG de 3 KB vira cerca de 4 KB em Base64.
Posso converter Base64 de volta para uma imagem? Sim. Você pode colar um Data URI na barra de endereços do navegador para visualizar a imagem, ou usar uma ferramenta de decodificação Base64 para salvá-la como arquivo.
Existe um limite de tamanho de arquivo?
Esta ferramenta aceita imagens de até 10 MB. Para arquivos maiores, considere usar uma ferramenta de linha de comando, como o base64 no Linux/macOS.
Funciona com arquivos SVG? Sim. Arquivos SVG são convertidos para Base64 assim como as imagens raster. Observe que, para SVG, você também pode incorporar diretamente o código SVG no HTML para melhor performance.