Conversor de imagem para Base64
Codifique uma imagem como URI de dados Base64.
URIs de dados embutem imagens direto no código — práticos para ícones pequenos e demonstrações em arquivo único.
Respostas rápidas
Qual é a diferença entre o texto Base64 e a URI de dados?
O texto Base64 são só os bytes codificados. A URI de dados acrescenta o prefixo data:image/png;base64, para o navegador usar direto como fonte de imagem em HTML ou CSS.
Se você só precisa dos bytes codificados — para um campo JSON ou uma API — pegue tudo o que vem depois da vírgula.
Por que o resultado fica maior que a imagem original?
Porque o Base64 representa 3 bytes com 4 caracteres: o aumento é de cerca de 33%. Uma imagem de 30 KB vira aproximadamente 40 KB de texto.
Some isso à impossibilidade de guardar a URI em cache separada da página: por isso a técnica é para ícones e logotipos pequenos.
Como uso a URI num CSS?
Cole a URI inteira no lugar do endereço: background: url(data:image/png;base64,iVBOR...) — um pedido HTTP a menos e nenhum caminho de arquivo para errar.
O exemplo clássico é um ícone de seta de 2 KB embutido na folha de estilo.
Como usar
- Escolha um arquivo de imagem do seu aparelho.
- Ele é codificado na hora como URI de dados Base64.
- Copie a URI para usar em HTML/CSS.
Sobre esta ferramenta
Para codificar uma imagem em Base64, escolha o arquivo acima: o conversor lê a imagem localmente e devolve a URI de dados completa, pronta para colar em qualquer lugar em que iria um endereço de imagem. A parte depois da vírgula é o texto Base64 puro; o prefixo data: na frente informa ao navegador o tipo da imagem.
O Base64 aumenta o tamanho em cerca de 33%, então isso serve para imagens pequenas, não para fotos. Sua imagem é lida localmente e nunca é enviada para lugar nenhum.
Perguntas frequentes
Como codifico uma imagem em Base64?
Escolha o arquivo de imagem acima. Ele é codificado na hora no seu navegador e exibido como URI de dados — clique em «Copiar URI de dados» para pegar o texto completo.
Qual é a diferença entre texto Base64 e URI de dados?
O texto Base64 são apenas os bytes codificados em texto. A URI de dados acrescenta um prefixo como data:image/png;base64, para o navegador usá-la direto como fonte de imagem em HTML ou CSS.
Quando devo usar URIs de dados?
Em ícones e gráficos bem pequenos, quando um pedido HTTP extra custa mais do que o aumento de tamanho.
Por que a saída é maior que o arquivo?
A codificação Base64 acrescenta cerca de um terço ao tamanho do arquivo.
Minha imagem é enviada a algum servidor?
Não — processada 100% no seu aparelho.
Mais ferramentas em português
Gerador de hash SHA-256
Gere hashes SHA-256 / SHA-512 na hora.
Conversor de cores (HEX ↔ RGB)
Converta HEX para RGB e RGB para HEX, com prévia da cor ao vivo.
OCR — Imagem para texto
Extraia o texto de fotos e capturas de tela direto no navegador — a imagem não é enviada a nenhum servidor.
Codificador de entidades HTML
Codifique ou decodifique entidades HTML.
Juntar e dividir PDF
Junte vários PDFs em um só ou divida e extraia páginas — direto no navegador, sem enviar arquivos e sem cadastro.
Image to Base64 Converter
Encode an image as a Base64 data URI.