zakódování ikon do css pomocí base64

Jakýkoli obrázek nebo SVG vektorovou grafiku můžeme uložit do css, což vede ke zrychlení načítání stránky omezením počtu HTTP dotazů.

Obrázek si nejprve optimalizujeme vhodnou kompresí a poté zakódujeme do base64:

convert lupa.gif -strip - | base64 | tr -d '\n' >tmp

convert -strip - z obrázku vymaže metadata

a pak ho načteme do css:

.menu {

background: url(data:image/gif;base64,base64-zakódovaný-obrázek);