Conversor de Imagem para Base64 – Codificar Imagens como Data URIs
Codifique uma imagem como um data URI em Base64 e copie como uma tag img HTML, um valor url() de CSS, Markdown, ou o texto bruto. A codificação roda no seu navegador; nada é enviado.
Arraste imagens aqui ou clique para enviar
Suporta JPG, PNG, GIF, WEBP, SVG
O Que Imagem para Base64 Faz
Esta ferramenta lê o seu arquivo com a API FileReader do navegador e o devolve como um data URI: a string `data:image/png;base64,` seguida pelos bytes do arquivo reescritos em Base64. Base64 é uma codificação de transporte, não um esquema de compressão. Ela mapeia cada 3 bytes de binário em 4 caracteres ASCII tirados de A-Z, a-z, 0-9, mais e barra, o que significa que a forma codificada é sempre cerca de 33% maior que o arquivo com que você começou. Nada muda na imagem em si — os pixels, o formato, o perfil de cor e qualquer metadado EXIF sobrevivem intactos, e decodificar a string devolve um arquivo idêntico byte a byte. O que você ganha é uma representação feita inteiramente de caracteres seguros para colar em código-fonte, e é por isso que data URIs funcionam em qualquer lugar onde uma URL é esperada: um src de img, um url() de CSS, uma imagem Markdown, um campo JSON. A ferramenta monta esses quatro trechos para você e copia a string completa mesmo quando a prévia na tela está truncada, porque um data URI de uma imagem modesta chega a dezenas de milhares de caracteres, e renderizar todos eles travaria a página. Ao lado de cada arquivo ela mostra o tamanho original, o tamanho codificado e a porcentagem de sobrecarga, então o custo de incorporar fica visível antes de você se comprometer com ele. A leitura acontece inteiramente no seu dispositivo; nenhum arquivo é enviado, e a página continua funcionando com a rede desconectada.
Por Que Codificar uma Imagem como Base64
Um data URI transforma uma imagem em texto, o que elimina a necessidade de um arquivo separado e de uma requisição HTTP separada. Isso é genuinamente útil para recursos pequenos e uma má ideia para os grandes.
Como Converter uma Imagem para Base64
Quatro passos, todos locais — o arquivo é lido no navegador e a string é montada no seu dispositivo.
Solte uma imagem ou várias — cada arquivo ganha o seu próprio cartão com os números de tamanho
Confira o tamanho codificado e a sobrecarga; abaixo de cerca de 10 KB costuma ser onde incorporar vale a pena
Escolha a saída que você precisa — Base64 puro, uma tag img HTML, uma declaração url() de CSS, ou Markdown
Copie o trecho para a área de transferência ou baixe-o como um arquivo .txt
Perguntas Frequentes
Mais Ferramentas de Imagem
Explore outras ferramentas poderosas para suas necessidades de edição de imagem
Comprimir Imagem
Reduzir tamanho
Redimensionar
Alterar dimensões
Recortar Imagem
Cortar área
Converter Formato
Mudar formato
Editor de Fotos
Editar fotos
Girar Imagem
Girar imagem
Virar Imagem
Horizontal/Vertical
Adicionar Marca d'Água
Marca d'água
Adicionar Borda
Adicionar borda de imagem
Cantos Arredondados
Adicionar cantos arredondados
Filtros
Brilho/Contraste
Desfocar Rosto
Ocultar rostos
Mosaico
Desfocar regiões
Remover Fundo
Remover fundo
Melhorar Imagem
IA upscale
Adicionar Texto
Adicionar texto a imagem
Colagem
Combinar múltiplas imagens
HTML para Imagem
Web para imagem
GIF para Sequência
Extrair frames
Remover bordas vazias
Remover bordas vazias
Renomear imagens em lote
Renomeie arquivos em lote com segurança
Recorte Circular
Recortar imagens em círculo
Preto e Branco
Converter imagens em tons de cinza
Dividir Imagem
Cortar uma imagem em grade
Mesclar Imagens
Combinar imagens em uma só
Alterar DPI
Definir metadados de DPI da imagem
Imagem para PDF
Combine imagens em um PDF
HEIC para JPG
Converta fotos HEIC do iPhone para JPG
Remover EXIF
Visualize e remova metadados ocultos de fotos, incluindo localização GPS
Gerador de Favicon
Conjunto completo de ícones mais HTML
Paleta de Cores
Extraia cores de uma imagem
Base64 para Imagem
Decodifique Base64 de volta para imagem
HEIC para PNG
Converta fotos HEIC do iPhone para PNG sem perdas
Texto Atrás da Imagem
Coloque texto atrás do assunto de uma foto, tudo no seu navegador
Conta-gotas de Cores
Obtenha o HEX, RGB e HSL de qualquer pixel
Criador de Assinatura
Desenhe uma assinatura e baixe como PNG transparente
Removedor de Fundo de Assinatura
A tinta do papel, sobre transparência
Criador de Fundo Transparente
Deixar um fundo transparente