Mude a direção no topo para decodificar uma data URL que você já tem. Transforme imagens em texto Base64 e data URLs para páginas web, e-mails e código ou transforme Base64 de volta em um arquivo de imagem. É grátis e privado.
Como converter uma imagem em Base64
- Escolha a direção Imagem para Base64.
- Toque em Escolher imagens e escolha um ou mais arquivos.
- Copie o Base64 ou a data URL de cada um. Os tamanhos original e codificado são mostrados.
Como transformar Base64 de volta em uma imagem
- Escolha a direção Base64 para imagem.
- Cole o texto em Base64 ou data URL.
- Confira a prévia e baixe a imagem. Limpar esvazia a caixa.
Por que o Base64 é um terço maior
O Base64 escreve cada 3 bytes do arquivo como 4 caracteres de texto simples, então o texto codificado fica cerca de 33% maior que a própria imagem, mais um pequeno prefixo data:image/png;base64, em uma data URL. Cada imagem mostra os dois tamanhos para você ver o custo antes de colar.
Quando uma data URL faz sentido
Incorporar é útil para coisas pequenas: ícones, fundos minúsculos, assinaturas de e-mail, um favicon ou um arquivo único que precisa funcionar offline. Para qualquer coisa acima de uns 10 KB, um arquivo de imagem normal costuma ser melhor: ele pode ser guardado em cache pelo navegador, carrega em paralelo com a página e mantém o seu HTML e CSS pequenos. Imagens grandes recebem um lembrete sobre isso.
Decodificando Base64
Cole uma data URL completa, uma linha CSS url(), uma tag img ou só o texto Base64. Espaços, quebras de linha e as letras seguras para URL - e _ são aceitos, e o preenchimento que falta é adicionado. O tipo é lido dos primeiros bytes do próprio arquivo, e não do rótulo, então um PNG rotulado errado como JPEG ainda baixa com a extensão certa. Se o texto não é Base64 válido ou não é uma imagem, você recebe uma explicação simples.
Arquivos aceitos
Qualquer imagem que o seu navegador consiga abrir, incluindo PNG, JPG, WebP, GIF, SVG, ICO e AVIF.
Dicas
- Comprima ou redimensione antes a imagem, já que o Base64 a deixa maior.
- Mantenha imagens grandes como arquivos comuns e aponte para elas.
- Use SVG quando puder para ícones. Ele já é texto e muitas vezes menor que um PNG.
- Para reduzir uma imagem antes de codificar, experimente comprimir imagem para um tamanho.
Usos comuns
Incorporar um pequeno logotipo em um e-mail HTML, colocar um ícone direto em uma folha de estilo, guardar uma imagem em um arquivo JSON e recuperar uma imagem de uma data URL que você encontrou no código. Para um conjunto completo de ícones do site, veja o gerador de favicon.
Privado por design
As imagens são lidas e convertidas nesta página, no seu navegador. Nada é enviado, e os arquivos nunca saem do seu dispositivo.
Perguntas
Base64 é criptografia?
Não. É só uma forma de escrever dados como texto. Qualquer pessoa pode decodificar.
Por que o arquivo decodificado tem a extensão errada?
Não deveria. O tipo é lido do próprio arquivo, e não do rótulo.
Por que o texto Base64 é tão longo?
Toda imagem fica cerca de um terço maior como texto, e as fotos já são grandes de início.