Gerador de Data URI

• Conversão de Texto e Arquivos em Data URI: converta qualquer conteúdo de texto ou arquivo em um data URI na hora. Digite ou cole texto diretamente, ou envie imagens, documentos, fontes e mais. A ferramenta detecta automaticamente o tipo MIME a partir das extensões de arquivo e padrões de conteúdo, gerando um data URI corretamente formatado e pronto para incorporar.
• Detecção Inteligente de Tipo MIME: detecta automaticamente tipos MIME a partir de mais de 60 extensões de arquivo e mais de 10 padrões de conteúdo. Detecta HTML, JSON, SVG, CSS, JavaScript, Markdown, CSV e mais a partir do conteúdo de texto. Para arquivos, lê o tipo de conteúdo e mapeia as extensões para o tipo MIME correto, garantindo uma geração precisa.
• Análise de Tamanho e Recomendações: veja o tamanho original, o tamanho do data URI e o percentual de sobrecarga em cada conversão. Receba recomendações sobre se um data URI é adequado ao seu caso de uso - data URIs com menos de 10 KB são ideais, enquanto arquivos maiores devem usar URLs tradicionais para melhor desempenho.
• Processamento 100 % no Cliente: todas as conversões acontecem inteiramente no seu navegador. Os arquivos são lidos localmente com a API FileReader, o texto é codificado em memória e nenhum dado é enviado a qualquer servidor. Seu conteúdo de texto e seus arquivos permanecem totalmente privados no seu dispositivo.

• Imagens em Linha em HTML e CSS: incorpore ícones, logotipos e gráficos pequenos diretamente no HTML usando data URIs em vez de arquivos de imagem separados. Use nosso gerador para converter imagens PNG, SVG e WebP em data URIs para fundos em linha, tags e pseudoelementos CSS. Elimina requisições HTTP extras e melhora o tempo de carregamento para recursos pequenos.
• Assinaturas de E-mail Autocontidas: crie assinaturas de e-mail que apareçam corretamente sem hospedagem externa de imagens, incorporando-as como data URIs. Converta seu logotipo e ícones de redes sociais em data URIs e inclua-os diretamente na sua assinatura HTML. As imagens aparecem corretamente na maioria dos clientes de e-mail sem depender de servidores externos.
• Protótipos HTML de Arquivo Único: monte protótipos HTML autocontidos que funcionam offline com todos os recursos incorporados como data URIs. Converta CSS, JavaScript, imagens e fontes em data URIs e inclua-os diretamente em um único arquivo HTML. Perfeito para compartilhar protótipos, demos e provas de conceito que precisam funcionar sem dependências externas.
• Recursos para Campanhas de E-mail: incorpore imagens e estilos diretamente em campanhas de e-mail HTML para garantir renderização consistente entre clientes de e-mail. Muitos clientes bloqueiam imagens externas por padrão, mas data URIs aparecem imediatamente, pois fazem parte do corpo do e-mail. Converta pequenas imagens de destaque, logotipos e ícones para uma entrega confiável.
• Conteúdo para WebView em Apps Móveis: carregue conteúdo em WebViews de apps móveis sem requisições de rede, incorporando recursos como data URIs. Converta HTML, CSS, imagens e fontes em data URIs para conteúdo WebView que funciona offline. Garante que o conteúdo do seu app carregue na hora, independentemente da conectividade.
• Ferramentas e Automação de Desenvolvimento Web: use nosso gerador em fluxos de desenvolvimento web - converta SVGs em data URIs para sprite sheets JavaScript, codifique fontes para declarações CSS @font-face ou incorpore dados de configuração JSON. A ferramenta oferece detecção precisa de tipos MIME tanto para fluxos automatizados quanto manuais.

Um data URI (Uniform Resource Identifier) é um esquema de URL que permite incorporar dados diretamente em documentos HTML, CSS e JavaScript no formato data:[tipo-MIME];base64,... Diferente das URLs normais, que apontam para arquivos externos, os data URIs contêm os dados reais em linha - o navegador decodifica o conteúdo codificado em Base64 e o renderiza diretamente, sem fazer uma requisição HTTP. Os data URIs foram definidos na RFC 2397 e são compatíveis com todos os navegadores modernos. Tipos MIME comuns incluem image/png, image/svg+xml, text/html, application/json e font/woff2.

1. Informe o Conteúdo: escolha entre entrada de texto (digite ou cole conteúdo) ou envio de arquivo (arraste e solte ou procure). Para entrada de texto, você pode substituir opcionalmente o tipo MIME detectado automaticamente usando o seletor suspenso.
2. Detecção do Tipo MIME: para arquivos, o tipo MIME é detectado pela extensão (mais de 60 compatíveis). Para texto, o conteúdo é analisado em busca de padrões comuns - tags HTML, objetos JSON, regras CSS, elementos SVG, cabeçalhos Markdown e mais. Você pode substituir manualmente o tipo MIME detectado.
3. Codificação e Geração: o conteúdo de texto é codificado em bytes com UTF-8 e depois em Base64. Os arquivos são lidos com a API FileReader por meio de readAsDataURL, que produz diretamente o data URI corretamente formatado. A ferramenta calcula estatísticas de tamanho e oferece recomendações.

• Use Data URIs para: imagens pequenas com menos de 10 KB (ícones, logotipos, elementos decorativos), fontes para @font-face com conjuntos de caracteres pequenos, SVGs em linha, e-mails HTML autocontidos, protótipos de arquivo único, favicons e pequenos dados de configuração JSON embutidos em scripts.
• Use URLs Normais para: imagens grandes, arquivos de áudio e vídeo, documentos para download (PDF, DOCX), recursos que mudam com frequência (o cache é mais eficiente com URLs) e qualquer recurso acima de 100 KB em que a sobrecarga do Base64 (aproximadamente 33 %) inflaria bastante seu HTML ou CSS.
• Considerações de Desempenho: data URIs nunca são armazenados em cache separadamente do documento principal - se você usar o mesmo data URI em várias páginas, ele será baixado em cada página. Data URIs também bloqueiam a renderização em CSS background-images até que o recurso principal seja totalmente carregado e analisado.

Nosso gerador de Data URI processa tudo localmente no seu navegador. O texto é codificado em memória com a API TextEncoder, os arquivos são lidos com a API FileReader e nenhum dado é enviado a qualquer servidor. A ferramenta é 100 % grátis, sem cadastro, sem conta e sem limites de uso.

Limitações importantes: data URIs têm um limite de comprimento na maioria dos navegadores (normalmente em torno de 2-4 MB para imagens em tags <img>). Arquivos muito grandes podem causar problemas de memória do navegador ao serem codificados. A sobrecarga da codificação Base64 é de aproximadamente 33 % - um arquivo de 10 KB fica com cerca de 13,3 KB como data URI. Para arquivos acima de 100 KB, considere seriamente usar URLs de arquivo tradicionais para melhor desempenho e cache.