Imagens
Imagem para Base64
Da imagem ao data URI e vice-versa, pronto a colar no seu código.
O Base64 permite incorporar uma imagem diretamente no código: um ícone numa folha de estilos, um logótipo num e-mail HTML, uma pequena ilustração num SVG — sem pedido adicional a um servidor. Esta ferramenta funciona nos dois sentidos. Largue uma imagem e obtenha o data URI completo (data:image/png;base64,…), com o tamanho do resultado indicado e um botão para copiar tudo num clique. Ou cole um data URI encontrado num código existente: a imagem aparece de imediato e pode ser descarregada como ficheiro normal. A conversão é instantânea e decorre inteiramente no seu navegador — nem as imagens nem o código saem do seu dispositivo.
Como funciona?
- Largue uma imagem para obter o data URI Base64, com o tamanho indicado.
- Copie o resultado num clique, pronto para o seu CSS ou HTML.
- Ou cole um data URI existente: a imagem aparece e descarrega-se num clique.
Perguntas frequentes
Para que serve uma imagem em Base64?
Para incorporar a imagem diretamente no código: ícones no CSS, imagens em e-mails HTML, favicons, recursos dentro de um SVG ou de um JSON. A imagem carrega com o próprio documento, sem pedido de rede adicional.
O Base64 aumenta o tamanho dos ficheiros?
Sim, cerca de 33 % em relação ao ficheiro binário, e o resultado não beneficia da cache do navegador. É adequado para imagens pequenas (poucos KB) reutilizadas no código, e contraproducente para fotografias.
Que formatos de imagem são aceites?
Qualquer formato que o seu navegador consiga ler: PNG, JPG, WebP, GIF, SVG, AVIF… O data URI gerado mantém o tipo MIME de origem, e a descodificação aceita qualquer data URI de imagem válido.