Imagem para Base64
Converta um arquivo de imagem em uma string Base64 para copiar, com trechos prontos de HTML e CSS.
Imagem para Base64 codifica um arquivo de imagem como texto Base64, para que ele possa ser guardado ou enviado como texto simples, por exemplo dentro de um JSON, de uma página HTML ou de um arquivo CSS. A string é criada a partir dos bytes originais do arquivo, então a imagem não é comprimida de novo nem alterada. A ferramenta mostra o número de caracteres e também entrega uma tag img em HTML e uma regra CSS background-image com a imagem completa.
Como usar: Imagem para Base64
- 1
Abra uma imagem
Arraste, escolha ou cole qualquer arquivo de imagem. Imagens pequenas, como ícones, funcionam melhor.
- 2
Receba a string Base64
A string aparece na hora, com o comprimento em caracteres e o tamanho aproximado.
- 3
Copie o que precisar
Clique em Copiar Base64 para a string pura, ou use Copiar HTML ou Copiar CSS para um trecho pronto.
- 4
Cole no seu código
Cole a string no seu JSON, HTML, CSS ou script.
O que faz
- Codificação byte a byte
- O arquivo original é codificado como está, sem nova compressão nem mudança de qualidade.
- Informação de tamanho
- Veja o número de caracteres e o tamanho aproximado da string antes de usá-la.
- Trechos de HTML e CSS
- Copie uma tag img ou uma regra background-image com o data URI completo incluído.
- Codificado localmente
- O arquivo é lido e codificado no seu navegador e nunca é enviado.
Perguntas
Para que serve o Base64 em imagens?
O Base64 transforma os dados binários da imagem em caracteres de texto simples. Desenvolvedores usam para colocar imagens pequenas direto em HTML, CSS, JSON ou modelos de e-mail, sem precisar carregar um arquivo de imagem separado.
Por que a string Base64 é maior que o arquivo de imagem?
O Base64 usa 4 caracteres de texto para cada 3 bytes, então o resultado fica cerca de 33% maior. Uma imagem de 30 KB vira aproximadamente 40 KB de texto.
Qual a diferença entre Base64 e data URI?
Base64 é só o texto codificado. Um data URI adiciona um prefixo como data:image/png;base64, para que os navegadores saibam o tipo do arquivo. Esta ferramenta entrega a string pura; o Imagem para Data URI entrega a versão completa.
Devo converter imagens grandes para Base64?
Normalmente não. O Base64 funciona melhor para imagens pequenas, como ícones. Fotos grandes deixam seu HTML ou CSS bem mais pesado, e o navegador não consegue guardar a imagem em cache como um arquivo separado.
Minha imagem é alterada durante a codificação?
Não, os bytes originais são codificados. A única exceção são as fotos HEIC do iPhone, que são convertidas para PNG antes, porque a maioria dos navegadores não exibe HEIC.