Incorpore imagens pequenas direto em HTML, CSS, JSON ou modelos de e-mail. Solte uma imagem e copie a string codificada ou um trecho pronto.
Como usar: Imagem para Base64
- Escolha ou solte uma imagem.
- Copie o URI de dados em Base64 ou o trecho de HTML ou CSS pronto.
- Cole no seu código.
Perguntas frequentes
Quando vale a pena usar imagens em Base64?
Para ícones e imagens de poucos KB, incorporar economiza uma requisição HTTP. Para imagens maiores, um arquivo normal é melhor, porque o Base64 aumenta os dados em cerca de 33% e não pode ser armazenado em cache separadamente.
Minha imagem é enviada?
Não. A codificação usa o FileReader do seu navegador, então tudo acontece no seu aparelho.
Ferramentas relacionadas
Gerador de faviconfavicon.ico mais ícones para Apple e Android.
Base64 para imagemTransforme uma string Base64 de volta em arquivo de imagem.
Comprimir imagemReduza fotos a um tamanho exato em KB ou MB.
Conversor de imagensConverta entre JPG, PNG, WebP, GIF, BMP, AVIF e SVG.
Redimensionar imagemTamanhos exatos em pixels e formatos para redes sociais.
Cortar imagemCorte imagens em qualquer proporção ou em círculo.