Imagem para Base64 Online Gratuito
Converta qualquer imagem para string Base64 para usar em CSS ou HTML.
Who uses the Imagem para Base64?
- Desenvolvedores front-end incorporando pequenos ícones em CSS para eliminar solicitações HTTP adicionais.
- Desenvolvedores de e-mail incorporando imagens de logotipo em e-mails HTML que bloqueiam recursos externos.
- Integradores de API enviando dados de imagem em corpos de solicitação JSON que exigem codificação de string.
How the Imagem para Base64 works
Envie seu arquivo de imagem usando o seletor de arquivos ou arraste e solte na área da ferramenta.
A string Base64 é gerada instantaneamente na caixa de texto de saída.
Clique em «Copiar Base64» para copiar o URI de dados completo (data:image/png;base64,...) para sua área de transferência, para uso em atributos src HTML ou fundos CSS.
Se você precisar apenas do Base64 bruto sem o prefixo de URI de dados, remova manualmente tudo até e incluindo a primeira vírgula antes de usá-lo.
Tips & tricks
- O botão Copiar sempre copia o URI de dados completo (com o prefixo «data:image/...;base64,») — não há um botão separado apenas para a string Base64 bruta.
- O Base64 adiciona cerca de 33% ao tamanho do arquivo — esta ferramenta é mais adequada para ícones pequenos e imagens abaixo de cerca de 10KB, não para fotos grandes.
- Apenas uma imagem pode ser processada por vez — sem conversão em lote para vários arquivos.
- A caixa de texto de saída exibe o URI de dados completo em texto simples — você também pode selecionar e copiar manualmente apenas uma parte se não quiser usar a saída completa do botão Copiar.
Frequently Asked Questions
Por que eu incorporaria uma imagem em Base64 em vez de usar um arquivo de imagem?
Incorporar imagens em Base64 em HTML ou CSS elimina uma solicitação HTTP para aquela imagem, o que pode melhorar o desempenho para ícones pequenos e imagens críticas acima da dobra. Isso é especialmente útil em e-mails HTML, onde imagens externas podem ser bloqueadas.
Quanto maior é uma imagem Base64 em comparação com o arquivo original?
A codificação Base64 adiciona cerca de 33% de sobrecarga. Um PNG de 10KB se torna ~13,3KB em Base64. Para imagens grandes, essa sobrecarga supera o benefício de economizar uma solicitação HTTP — use Base64 apenas para imagens menores que 10KB.
O botão Copiar copia apenas o Base64 bruto ou o URI de dados completo?
O botão Copiar Base64 sempre copia o URI de dados completo, incluindo o prefixo «data:image/...;base64,» — não há um botão separado apenas para a string Base64 bruta. Se você precisar apenas da string bruta (por exemplo, para um payload de API), copie e remova manualmente tudo até e incluindo a primeira vírgula.
Como uso uma imagem Base64 em uma tag img HTML?
Use o URI de dados completo como src: <img src="data:image/png;base64,iVBORw0KGgo..." alt="icon">. O navegador decodifica e exibe a imagem em linha sem solicitação externa.
Como uso uma imagem Base64 em CSS?
Use-a como fundo: background-image: url("data:image/svg+xml;base64,..."). Isso é especialmente eficaz para ícones SVG porque mantém os estilos autocontidos.
Quais formatos de imagem podem ser convertidos para Base64?
Qualquer formato que seu navegador possa ler como arquivo funciona: JPG, PNG, GIF, WebP e outros. O prefixo do URI de dados de saída reflete o tipo MIME real do arquivo de origem.
Is my data safe when using the Imagem para Base64?
Completely safe. The Imagem para Base64 processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
What image formats does the Imagem para Base64 support?
The Imagem para Base64 works with common image formats supported by your browser, including JPEG, PNG, WebP, and GIF. SVG support varies by tool. No format conversion plugin or driver is needed.
Does the Imagem para Base64 work with large image files?
Yes. The Imagem para Base64 processes files entirely in your browser using the Canvas API. Very large files (over 20 MB) may take a few extra seconds on older or lower-powered devices. Closing other tabs can free up memory for better performance.