Letras bonitas num lugar diferente

A utilização de Base64 de imagens dentro dos arquivos CSS é uma prática que uso bastante e tem bastante benefícios (obvio que alguns malefícios). Na página http://vicnicius.github.io/blog/article/font-face-inline-data-uri/ o cara foi um pouco mais longe, colocou as fontes também como um URI.

Claro que o arquivo CSS ficou muito grande, mas trouxe algumas vantagens para o carregamento do site.

Anúncios

Transformando imagens em algo mais

Utilizar imagens em base64 é uma boa técnica de diminuir a quantidade de requisições no carregamento da página. Como tudo possui partes ruins e partes boas, de bate pronto a parte ruim é que o CSS ou HTML vai ficar maior.

Através do site http://webcodertools.com/imagetobase64converter/Create é possível realizar o upload de uma imagem e será gerado o base64 tanto para ser utilizado no HTML e/ou no CSS.