Desenvolvedor / Codificação
Gerador de Data URI
Transforme qualquer arquivo em uma data URI, com trechos de CSS e HTML prontos para copiar, uma opção menor codificada em URL para SVG e o aumento do tamanho do arquivo codificado.
Gerador de Data URI: Uma data URI (RFC 2397) coloca o conteúdo de um arquivo diretamente em um link ou uma folha de estilos, eliminando uma solicitação separada. A codificação Base64 transforma cada 3 bytes em 4 caracteres, fazendo os arquivos crescerem cerca de um terço; como SVG é texto, ele pode ser codificado por porcentagem, escapando apenas caracteres como %, #, < e >, o que geralmente resulta em um arquivo menor. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.
- Categoria
- Ferramentas para desenvolvedores
- Execuções
- No seu navegador
- Custo
- Grátis · sem cadastro
- Disponibilidade
- Pronto para usar
Roda inteiramente no seu navegador
O arquivo é lido no seu navegador e nunca é enviado.
Onde data URIs funcionam
Data URIs funcionam em img src, CSS url(), link href para ícones e links de download. Os navegadores bloqueiam páginas de abrir uma data URI como página de nível superior, e uma Content Security Policy rigorosa precisa permitir data: para imagens ou estilos que as utilizam.
Para codificar texto em vez de arquivos, use o codificador Base64; para imagens com uma string Base64 pronta, use a ferramenta imagem para Base64.
Aumento de tamanho
Base64 adiciona um terço ao tamanho do arquivo, mas a compressão de texto no servidor (gzip ou Brotli) recupera grande parte disso, já que o texto codificado é bem compactado. Os custos reais são que os dados não podem ser armazenados em cache separadamente e são baixados novamente com cada página ou folha de estilos que os contém.
Como usar
- Escolha ou solte um arquivo; imagens são exibidas em uma prévia.
- Para arquivos SVG, escolha a codificação em URL ou Base64.
- Copie a data URI ou o trecho de CSS ou HTML.
Privacidade e limitações
O arquivo é lido no seu navegador e nunca é enviado para um servidor.
Ferramentas relacionadas
Perguntas frequentes
Quando devo usar uma data URI?
Para arquivos pequenos usados uma única vez, como ícones com menos de alguns kilobytes. Arquivos maiores funcionam melhor quando são servidos separadamente, pois o navegador pode armazená-los em cache e carregá-los em paralelo.
Por que usar a codificação em URL para SVG?
Ela mantém o SVG legível e geralmente é menor que Base64; as aspas duplas se tornam aspas simples para que o resultado caiba em url("…") ou em um atributo HTML.
Existe um limite de tamanho?
Os navegadores modernos aceitam data URIs de muitos megabytes em imagens e folhas de estilos, mas as maiores tornam a análise mais lenta e deixam as páginas pesadas.
Ferramenta grátis · no seu navegador execuções · não precisa de conta