> codificar | incorporar | otimizar <
// Converta imagens para strings Base64 para desenvolvimento web e incorporação de dados
Solte a imagem aqui ou clique para selecionar
Clique para procurar arquivos
Processamento Local
100% codificação de imagem do lado do cliente. Seus arquivos nunca deixam seu navegador.
Arrastar e Soltar
Upload rápido com interface arrastar e soltar. Conversão instantânea para Base64.
Sem Limites
Codifique qualquer tamanho ou formato de imagem. Sem registro ou chaves de API necessárias.
// FAQ
P: O que é codificação de imagem para Base64?
R: A codificação de imagem para Base64 converte dados binários de imagem em uma string de texto usando codificação Base64. Essencial para incorporar imagens diretamente em HTML, CSS, emails ou APIs sem arquivos separados.
P: Quão segura é a conversão de imagem para Base64?
R: 100% processamento local seguro. Toda codificação de imagem acontece no seu navegador. Zero uploads para servidor. Suas imagens nunca deixam seu dispositivo.
P: Quais formatos de imagem são suportados?
R: Suporta todos os formatos de imagem web comuns: PNG, JPEG, GIF, WebP, SVG, BMP e mais. Mantém a qualidade e formato da imagem original.
P: Como uso imagens Base64 em HTML?
R: Use formato URI de dados: <img src="data:image/png;base64,SUA_STRING_BASE64">. Perfeito para imagens inline, ícones ou redução de requisições HTTP.
P: Há limitações de tamanho de arquivo?
R: Sem limites do lado do servidor. O processamento acontece localmente no seu navegador. Arquivos grandes podem demorar mais para codificar, mas funcionarão.
// Formatos de imagem e tipos MIME comuns
| Formato | Tipo MIME |
|---|---|
| PNG | image/png |
| JPEG | image/jpeg |
| GIF | image/gif |
| WebP | image/webp |
| AVIF | image/avif |
| SVG | image/svg+xml |
// Data URIs no código
HTML <img src="data:image/png;base64,iVBORw0KGgo..." alt="">
CSS background: url("data:image/svg+xml;base64,PHN2Zy...");
Linux base64 -w0 logo.png
macOS base64 -i logo.png
Python base64.b64encode(open('logo.png','rb').read()).decode()
Node.js fs.readFileSync('logo.png').toString('base64')
>> Mais perguntas
P: Por que uma imagem em Base64 fica cerca de 33 % maior?
R: O Base64 codifica 3 bytes em 4 caracteres, ou seja, cerca de um terço a mais, que o gzip só compensa em parte. Por isso imagens inline só valem a pena para arquivos muito pequenos (alguns KB).
P: Qual a desvantagem dos data URIs em relação a arquivos de imagem?
R: Uma imagem incorporada não pode ser armazenada em cache separadamente, aumenta o HTML ou CSS e é retransmitida a cada carregamento desse arquivo. Para imagens maiores, prefira um arquivo separado.
P: Devo incorporar SVG em Base64?
R: Em geral não: SVG é texto. Um data:image/svg+xml,… com codificação URL costuma ser menor que o Base64 e continua legível. Ainda assim, o Base64 funciona em qualquer lugar.