Largue uma imagem aqui
ou clique para escolher · PNG, JPG, WebP, GIF
Escolher imagemSobre o Imagem para Base64
Largue qualquer imagem e obtenha instantaneamente a sua codificação Base64, em três variantes prontas a colar: um data URI completo para etiquetas img, a cadeia Base64 em bruto para APIs e payloads, e uma regra CSS background-image que pode inserir diretamente numa folha de estilos. Uma pré-visualização ao vivo e a indicação do tamanho mostram exatamente o que vai incorporar antes de copiar, para que recursos demasiado grandes nunca entrem despercebidos no seu código.
Codificar uma imagem em Base64 permite incorporá-la diretamente em HTML, CSS, JSON ou num modelo de e-mail — sem ficheiro separado, sem pedido HTTP adicional. A conversão acontece inteiramente no seu dispositivo através do FileReader do próprio navegador, por isso a imagem nunca é enviada para lado nenhum. Isso importa quando codifica logótipos, maquetas ou qualquer coisa sob NDA: o que larga na página fica na sua máquina.
Funcionalidades
- Copie o data URI completo, o Base64 em bruto ou o excerto CSS
- Pré-visualização ao vivo da imagem exata a ser codificada
- Mostra o tamanho codificado antes de copiar
- Funciona com PNG, JPG, WebP, GIF e SVG
- Codificado localmente com o FileReader — nada é enviado
- Gratuito, instantâneo e sem necessidade de conta
Como converter uma imagem para Base64 online
- Arraste a sua imagem para a ferramenta ou clique para escolher um ficheiro.
- Verifique a pré-visualização e o tamanho codificado apresentado por baixo.
- Clique em Copiar data URI para usar em etiquetas img ou JSON.
- Ou copie a cadeia Base64 em bruto ou o excerto CSS background-image.
- Cole o resultado no seu código, folha de estilos ou pedido de API.
Perguntas frequentes
O que é um data URI em Base64?
Um data URI condensa o conteúdo de um ficheiro numa cadeia de texto, precedida do respetivo tipo MIME — por exemplo data:image/png;base64,iVBOR… . Os navegadores apresentam-no exatamente como um URL de imagem normal, por isso pode incorporar imagens diretamente em HTML, CSS ou Markdown sem alojar um ficheiro separado.
A codificação Base64 reduz a qualidade da imagem?
Não. O Base64 é uma representação textual sem perdas dos bytes exatos do seu ficheiro — a descodificação devolve uma cópia perfeita do original, pixel a pixel. O compromisso é o tamanho, não a qualidade: como os dados binários são escritos em caracteres de texto, a cadeia codificada é cerca de 33% maior do que o ficheiro original.
Quando devo incorporar uma imagem como Base64?
Brilha em recursos pequenos: ícones, logótipos, fundos minúsculos, assinaturas de e-mail e documentos HTML de ficheiro único, onde poupar um pedido HTTP compensa o acréscimo de tamanho. Para fotos grandes, um ficheiro de imagem normal costuma ser a melhor escolha, porque o Base64 incha a marcação e não pode ser guardado em cache separadamente.
Existe um limite de tamanho de ficheiro?
Não há um limite rígido — a codificação corre na memória do seu navegador, por isso ícones, logótipos e fotos habituais convertem-se instantaneamente. Ficheiros de vários megabytes também funcionam, mas a cadeia resultante torna-se incómoda de colar no código e lenta de processar pelos editores, o que é um limite prático e não técnico.
A minha imagem é enviada para um servidor?
Não. O ficheiro é lido e codificado inteiramente no seu dispositivo através da API FileReader do navegador — não é feito nenhum pedido de rede com os dados da sua imagem. Pode até carregar a página, desligar-se da Internet e a conversão continua a funcionar.