Conversão de Imagem para Código Base64

- Ou -
Arraste a imagem para cá

Se a imagem for grande, a conversão pode demorar um pouco


Por que converter imagens para codificação base64

Ao criar uma página web, existem duas maneiras comuns de incluir uma imagem.

  1. Referenciando diretamente o URI da imagem, como https://www.codeeeee.com/.../come.png
  2. Codificando a imagem em base64 e inserindo-a no html ou css

Em comparação com o uso de URI, codificar imagens em base64 tem como principal vantagem e objetivo reduzir requisições de rede. Com o método URI, o navegador precisa enviar uma requisição http(s) para obter o conteúdo da imagem; ao codificar em base64 e incorporá-lo ao documento, a imagem é baixada com o documento html, sem necessidade de requisições adicionais. Claro, os dados em base64 geralmente são maiores que a imagem original. Portanto, para imagens maiores, é necessário avaliar se os benefícios superam os custos ao usar base64.