Imagem para Base64
Este conversor transforma qualquer arquivo de imagem em uma URL de dados Base64 — uma única string autocontida que começa com data:image/…;base64, e embute o arquivo inteiro. Ele usa a API FileReader do navegador (readAsDataURL), então a codificação acontece no seu dispositivo e a imagem nunca é enviada. Solte ou escolha uma imagem, confirme na pré-visualização que o arquivo certo foi lido e copie a string completa com um clique. URLs de dados brilham onde um arquivo separado atrapalha: ícones e logos pequenos embutidos em HTML ou CSS para economizar uma requisição HTTP, imagens dentro de payloads JSON ou assinaturas de e-mail, documentos autocontidos de arquivo único e protótipos rápidos. Mas os custos são reais: Base64 codifica 3 bytes como 4 caracteres (~33% a mais de tamanho), a string não é cacheada independentemente da página e incha seu markup — reserve para recursos de até algumas dezenas de kilobytes e sirva fotos grandes como arquivos normais.
Arraste e solte uma imagem aqui
ou clique para procurarComo usar
- Arraste uma imagem para a área, ou clique (ou pressione Enter) para procurar — qualquer tipo de imagem que seu navegador entenda é aceito.
- Confira na pré-visualização se a imagem certa foi lida; a URL de dados completa aparece ao lado.
- Clique em Copiar para levar a string inteira de uma vez.
- Cole em um src de img, em background-image: url(…) no CSS, em um campo JSON ou onde uma URL for esperada. Use Limpar para recomeçar com outra imagem.
Perguntas frequentes
- Minha imagem é enviada?
- Não. O arquivo é lido localmente com a API FileReader do navegador e o resultado fica na página; nada é enviado a um servidor e nada é armazenado depois que você sai.
- A conversão altera ou comprime a imagem?
- Não. Base64 é uma recodificação sem perdas dos bytes exatos — decodificar a string devolve um arquivo idêntico ao original. Ela nunca reduz o tamanho; se precisar de um resultado menor, redimensione ou comprima a imagem antes e converta o arquivo menor.
- Devo embutir imagens grandes?
- Geralmente não. Base64 infla o tamanho em cerca de 33%, os dados não podem ser cacheados separadamente do documento que os contém e strings enormes tornam penoso editar HTML e CSS. Embuta recursos pequenos e muito reutilizados, como ícones; sirva fotos como arquivos normais.
- Quais formatos funcionam?
- Qualquer coisa que seu navegador leia como imagem — PNG, JPEG, GIF, WebP, SVG, AVIF, ICO e mais. O tipo MIME original é preservado no prefixo data:image/…;base64,, então a URL colada renderiza exatamente como o arquivo de origem.
- Posso usar o resultado em CSS ou Markdown?
- Sim. No CSS, cole em background-image: url(…); no Markdown, use como destino da imagem: . Só lembre que alguns editores e linters limitam linhas muito longas, então URLs de dados gigantes podem ficar desajeitadas ali.
Guias sobre este tema
Ferramentas relacionadas
Analisador e decodificador de Data URI
Decodifique um data: URI para ver seu tipo MIME, codificação, tamanho e conteúdo decodificado, no seu navegador.
Codificador / Decodificador Base64
Codifique texto em Base64 ou decodifique Base64 de volta em texto.
Construtor de URL Lorem Picsum
Construa URLs de imagem placeholder do picsum.photos — dimensões, escala de cinza, desfoque, seed pra imagens estáveis, ou ID de imagem específico.
Gerador de QR Code
Crie QR codes personalizados a partir de qualquer texto ou URL e baixe-os.
Compressor de Imagens
Comprima e redimensione imagens JPEG, PNG e WebP no navegador.
Redimensionar Imagem
Redimensione uma imagem e exporte como PNG, JPEG ou WebP — tudo no navegador.