Conversor CSS Data URI
Cole uma folha de estilo, escolha um arquivo ou digite a URL de um CSS remoto. O conversor encontra cada referência url(...), baixa os recursos menores que o seu limite de tamanho e os substitui por data URIs Base64.
| Recurso | Tamanho | Resultado |
|---|
Quando incorporar imagens no CSS ajuda
Cada imagem externa custa uma requisição. Para ícones pequenos, incorporá-los como data URIs Base64 elimina essa requisição e evita piscadas. Acima de alguns kilobytes, o acréscimo de 33% no tamanho e a perda de cache superam o benefício, por isso o conversor tem um limite de tamanho. Sirva o resultado com gzip ou Brotli para recuperar a maior parte do acréscimo do Base64.
Perguntas frequentes
Devo incorporar todas as imagens do CSS?
Não. Incorpore apenas ícones e fundos pequenos. Imagens grandes incham o CSS, bloqueiam a renderização e não podem ser armazenadas em cache separadamente.
Comentários (0)
Dúvidas, ideias ou um bug em “Conversor CSS Data URI”? Deixe um comentário, avalie a ferramenta ou responda a outras pessoas.
Ainda não há comentários. Seja o primeiro a dar sua opinião!