Imagem para Base64
Converte imagens em strings Base64 ou formato Data URI para incorporação em HTML/CSS.
Arraste uma imagem aqui ou clique para selecionar
PNG, JPG, WebP, GIF, SVG, etc.
Sobre esta ferramenta
O conversor de imagem para Base64 codifica qualquer arquivo de imagem em uma string Base64 ou Data URI completa, permitindo incorporar imagens diretamente em HTML, CSS ou JSON sem hospedá-las como arquivos separados. Suporta arrastar e soltar ou clicar para selecionar e exibe o tamanho original versus o tamanho codificado.
Toda a codificação é feita no navegador usando a API FileReader — sua imagem nunca é enviada para nenhum servidor. A saída pode ser alternada entre Data URI completa (com o prefixo data:image/…;base64,) e Base64 puro (sem o prefixo).
Como usar
- Arraste uma imagem para a área de upload ou clique para abrir o seletor de arquivos.
- A saída codificada aparece automaticamente após o carregamento do arquivo.
- Alterne entre Data URI e Base64 Only usando os botões.
- Clique em Copiar para copiar o resultado para a área de transferência.
Casos de uso
Desenvolvedores frontend incorporam ícones pequenos diretamente em CSS ou HTML para eliminar requisições HTTP. Profissionais de email marketing incorporam imagens em templates HTML, já que muitos clientes de email bloqueiam imagens externas. Desenvolvedores de apps móveis codificam imagens para payloads JSON. Desenvolvedores armazenam imagens em arquivos de configuração ou bancos de dados como strings Base64.
Perguntas frequentes
- A codificação Base64 aumenta o tamanho do arquivo? — Sim. A codificação Base64 aumenta o tamanho do arquivo em aproximadamente 33% em relação ao binário original.
- Quais formatos de imagem são suportados? — Qualquer formato que seu navegador possa exibir: JPG, PNG, WebP, GIF, SVG, BMP e mais.
- Devo codificar imagens grandes em Base64? — Para arquivos acima de ~10 KB, geralmente é melhor hospedar a imagem como arquivo. Strings Base64 grandes incham o HTML/CSS e prejudicam o desempenho de carregamento.