Imagem para Base64
Converte uma imagem em Base64.
Arraste e solte uma imagem, ou clique para escolhê-la
Selecione um único arquivo
Exemplos de uso
Incorporar um pequeno ícone diretamente no CSS
Use para colocar o resultado diretamente no background-image: url(data:image/png;base64,...) do CSS, evitando uma solicitação de imagem separada.
Incluir uma imagem dentro de JSON ou um arquivo de configuração
Útil quando você quer incorporar dados de imagem de amostra como texto dentro de código ou um arquivo de configuração, sem uma solicitação ao servidor.
Inserir uma imagem inline em um e-mail HTML
Para clientes de e-mail que bloqueiam links de imagens externas, converter uma imagem em uma URI de dados permite incorporá-la diretamente no HTML.
Perguntas frequentes
Minha imagem enviada é transmitida para um servidor?
Não. A conversão acontece inteiramente no seu navegador, e a imagem nunca é enviada a um servidor.
Qual a diferença entre URI de dados e somente Base64?
Uma URI de dados é a string completa começando com data:image/png;base64,, pronta para colar diretamente em <img src="..."> ou em um url() do CSS. Somente Base64 é apenas o valor codificado puro que vem depois, útil quando você monta a string de formato em outro lugar.
Converter para Base64 deixa os dados maiores?
Sim. A codificação Base64 é cerca de 33% maior que o original. Essa é a contrapartida de representar dados binários de imagem com segurança como texto, então é melhor evitar enviar imagens grandes dessa forma, a menos que seja realmente necessário.
Quais formatos de imagem são suportados?
JPG, PNG, WebP, GIF e a maioria dos outros formatos de imagem que seu navegador consegue ler.