Imagem para Base64
Escolha uma imagem com o seletor. A codificação corre localmente com FileReader; vê pré-visualização, Base64 bruto, data URI completo, MIME e nome do ficheiro. Use Copy Base64 ou Copy data URI conforme precisar.
Atualizado 2026-08-04 · developer
Sobre esta ferramenta
Só são aceites ficheiros com MIME de imagem. readAsDataURL constrói o data URI; o Base64 bruto é a parte após a vírgula. O estado indica o tamanho em KB ou porque um não-imagem foi rejeitado.
Como usar
- Escolher um ficheiro de imagem: Use o controlo Image file e escolha PNG, JPG, GIF, WebP ou semelhante.
- Esperar a codificação local: O navegador lê o ficheiro e mostra pré-visualização com campos Base64 e data URI.
- Copiar Base64 ou data URI: Clique Copy Base64 para a cadeia bruta, ou Copy data URI para o URL completo.
- Verificar MIME e nome: Confirme o código MIME e o nome sob os textareas antes de embutir o resultado.
Casos de uso
- Inclua um ícone pequeno em CSS ou HTML sem alojar um recurso à parte.
- Cole um data URI num protótipo ou modelo de e-mail que bloqueie imagens externas.
- Verifique a cadeia MIME e o comprimento Base64 antes de embutir em JSON.
Dicas
- Prefira imagens pequenas; ficheiros enormes geram cadeias longas difíceis de colar.
- Use Copy data URI quando precisar do prefixo data:image/...;base64,.
FAQ
As imagens são enviadas para um servidor?
Não. O FileReader codifica o ficheiro escolhido apenas no seu navegador.
E se eu escolher um ficheiro que não é imagem?
A saída é limpa e pede-se que selecione uma imagem como PNG ou JPG.
Qual a diferença entre Base64 e data URI?
Base64 (raw) são só os bytes codificados; o data URI inclui o prefixo data:image/...;base64,.
Porque é que a codificação falhou?
Se o ficheiro não puder ser lido, o estado mostra Failed to read the file—tente outra imagem.