Codificador de imagem Base64
Com a ferramenta gratuita de codificador de imagem Base64, otimize as suas imagens e converta online jpg/png/gif/webp/svg/bmp para base64.
Loading...
Funcionalidades
- Fácil de fazer upload de imagem local
- Aceita URL de imagem remota
- Suporta . jpg, . jpeg, . png, . gif, . webp, . svg e . bmp
- Suporta muitos formatos: URI de dados, imagem de fundo CSS, imagem HTML e muito mais
- Gera exemplos prontos e facilita a utilização
- Ferramenta de imagem 100% gratuita
Dicas importantes
- Tamanho da imagem carregada até 10 MB
- O URL da imagem remota deve começar por http:// ou https://
- O tipo de imagem deve ser . jpg, . jpeg, . png, . gif, . webp, . svg e . bmp
Porquê a codificação Base64?
As imagens codificadas em Base64 podem ser incorporadas utilizando tags img ou CSS, acelerando o tempo de carregamento de imagens mais pequenas, evitando pedidos HTTP adicionais. Isto pode ser feito para criar maquetes de ficheiro único ou páginas de demonstração para os seus clientes, assinaturas de e-mail em HTML que não irão desencadear o desagradável aviso "mostrar imagens" nos clientes de e-mail, etc.Como utilizar o BASE64 como fonte de imagem ou imagem de fundo CSS?
Para fontes de imagens, o seu código HTML deve ficar assim:
Para o CSS Background, o seu código CSS deve ficar assim:
.a-minha-classe {
background: url('dados:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}
background: url('dados:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}