Imagem para Base64
Converta imagens PNG, JPG, WebP ou GIF em um data URI Base64, string Base64 simples, tag img HTML ou background CSS. Ideal para incorporar ícones pequenos
Solte seu arquivo imagem aqui
ou clique para escolher arquivos
Transforme um PNG, JPG, WebP, GIF ou SVG em Base64 e receba no formato que você realmente precisa: um data URI completo, uma string Base64 pura, uma tag <img> do HTML ou uma declaração de background do CSS, prontos para colar.
Incorporar gráficos pequenos direto no código elimina uma requisição de rede e garante que o ícone apareça mesmo antes de a folha de estilos carregar - é por isso que os data URIs são populares para ícones, spinners e assinaturas de e-mail. O preço é o tamanho: o Base64 é cerca de um terço maior que o arquivo binário e não pode ser armazenado em cache separadamente, então reserve-o para arquivos pequenos e linke as imagens maiores normalmente.
Como converter uma imagem em Base64
Escolha uma imagem
Selecione o formato de saída que você precisa
Copie o data URI, a tag ou o CSS
Perguntas frequentes
Quando devo incorporar uma imagem em vez de linká-la?
Para gráficos pequenos e usados com frequência, com menos de cerca de 10 KB - ícones, logotipos, spinners - quando economizar uma requisição importa mais do que o aumento de tamanho. Fotos grandes devem continuar como arquivos, para que o navegador possa guardá-las em cache.
Por que a string Base64 é maior que o meu arquivo?
O Base64 codifica cada três bytes como quatro caracteres, o que acrescenta cerca de 33%. Essa sobrecarga é inevitável na própria codificação.
Quais formatos posso usar?
PNG, JPG, WebP, GIF e SVG. Um SVG vetorial incorporado como data URI continua escalável, então muitas vezes é a melhor escolha para ícones.
Funciona em CSS e também em HTML?
Sim, copie a forma CSS para usar em uma declaração background-image, ou a forma HTML para um atributo src de img.
Os clientes de e-mail vão exibi-lo?
A maioria dos clientes modernos exibe, mas alguns removem data URIs por segurança. Para modelos de e-mail, hospede a imagem e linke-a se o layout importar.
Minha imagem é enviada para algum servidor?
Não, a codificação acontece no seu navegador.
Visão geral
| Entrada | imagem |
|---|---|
| Vários arquivos | Sim |
| Onde roda | No seu navegador - os arquivos nunca são enviados |
| Funciona offline | Sim — depois que a página carrega |
| Preço | Grátis, sem cadastro, sem marca d'água |
Onde as conversões quebram em silêncio
A maioria dos bugs de conversão não é de sintaxe, e sim de significado. Uma coluna CSV de códigos postais perde os zeros à esquerda no momento em que a planilha supõe que aquilo é um número; um ID longo ultrapassa a precisão de ponto flutuante; datas mudam de sentido dependendo de o dia vir antes do mês ou o mês antes do dia. As chaves do JSON não têm ordem, mas os arrays têm, e uma ferramenta que ordena chaves não muda nada, enquanto uma que ordena arrays altera os dados. O Unicode é outra armadilha: o texto pode chegar como UTF-8, UTF-16 ou com um BOM, e um decodificador que erra o palpite transforma caracteres acentuados em mojibake. Antes de confiar em qualquer conversão, confira por amostragem a primeira e a última linha, qualquer campo com zeros à esquerda e qualquer campo que contenha aspas, vírgulas ou quebras de linha.
Como escolher um formato de dados
O JSON é o padrão para tudo que uma API retorna ou um programa lê: ele lida naturalmente com estruturas aninhadas, números, booleanos e null, e toda linguagem o interpreta. O CSV é menor e abre direto em uma planilha, mas não tem como expressar aninhamento nem um padrão comum para o delimitador, as aspas ou o conjunto de caracteres - e é exatamente aí que as conversões dão errado. O XML é verboso, mas carrega atributos, conteúdo misto e esquemas, por isso ainda domina formatos de documento e integrações legadas. O YAML é o mais legível para configuração, mas é sensível a espaços em branco e tem conversões de tipo surpreendentes ("no" virando false, uma versão como 1.10 virando 1.1). Escolha o formato que a ferramenta que vai consumir os dados prefere, e não o que parece mais bonito.