Conversor de Imagem para Base64
Privado por design — roda inteiramente no seu navegador
Converta qualquer imagem para um data URI em Base64 no seu navegador, pronto para incorporar inline em HTML, CSS ou JSON. O Toova lida com todos os formatos comuns, gera data URIs válidos e nunca faz upload da sua imagem — útil para ícones pequenos, templates de e-mail e documentos autossuficientes.
Quando incorporar uma imagem inline
Imagens pequenas (ícones com alguns KB) frequentemente renderizam mais rápido como data URIs inline do que como requisições HTTP separadas, porque pulam a viagem de ida e volta. Templates de e-mail frequentemente incorporam imagens porque muitos clientes de e-mail bloqueiam carregamento externo por padrão. Documentos HTML autossuficientes (guias offline, relatórios para download) precisam de tudo em um único arquivo. O Toova converte qualquer imagem para um data URI em Base64 que você pode colar diretamente em src, background-image ou em um campo JSON.
Formato e considerações de tamanho
A codificação Base64 adiciona cerca de 33% ao tamanho do arquivo, então incorporar inline só compensa para imagens pequenas. Acima de cerca de 5 a 10 KB, a requisição HTTP separada geralmente é mais rápida do que a carga inline inchada. O Toova exibe o tamanho original, o tamanho codificado e a porcentagem de overhead para que você possa decidir. Todos os formatos comuns (PNG, JPEG, SVG, WebP, GIF) são suportados.
Só localmente
A imagem é lida e codificada inteiramente no seu navegador. O arquivo nunca é enviado, e não há registro do conteúdo. Isso importa quando a imagem é um mockup não lançado, uma foto de cliente ou qualquer ativo proprietário. A aba de Rede ficará vazia durante a codificação, e a página funciona offline após o primeiro carregamento.
Perguntas Frequentes
- Quando devo incorporar uma imagem inline?
- Para imagens muito pequenas (com alguns KB) que aparecem acima da dobra, incorporar inline pode acelerar a renderização evitando a requisição HTTP extra. Para imagens maiores, o overhead da codificação (cerca de 33%) supera a requisição economizada.
- Quais formatos são suportados?
- PNG, JPEG, SVG, WebP, AVIF e GIF. SVG incorpora especialmente bem porque permanece baseado em texto, então o overhead de codificação é mínimo.
- O data URI é seguro para usar em CSS?
- Sim. Envolva-o em url() com aspas ao redor do próprio data URI. A saída que o Toova produz já é segura para URL e funciona diretamente em background-image, mask-image e qualquer propriedade que aceite uma URL.
- Posso decodificar um data URI de volta para uma imagem?
- Sim. Cole um data URI e o Toova o decodifica para a imagem original, pronto para download. Útil para extrair imagens incorporadas de arquivos HTML ou CSS.
- Minha imagem é enviada para algum lugar?
- Não. A codificação acontece inteiramente no seu navegador.