CSS Data URI -muunnin
Liitä tyylitiedosto, valitse tiedosto tai syötä etä-CSS-tiedoston URL. Muunnin löytää jokaisen url(...)-viittauksen, lataa kokorajoitustasi pienemmät resurssit ja korvaa ne Base64-data URI:illa.
| Resurssi | Koko | Tulos |
|---|
Milloin CSS-kuvien upottaminen auttaa
Jokainen ulkoinen kuva maksaa pyynnön. Pienille kuvakkeille Base64-data URI:ksi upottaminen poistaa pyynnön ja välttää välkkymisen. Muutaman kilotavun yläpuolella 33 %:n kokolisä ja menetetty välimuisti painavat enemmän, siksi muuntimella on kokorajoitus. Tarjoile tulos gzipillä tai Brotlilla saadaksesi suurimman osan Base64-lisästä takaisin.
Usein kysytyt kysymykset
Pitäisikö jokainen CSS-kuva upottaa?
Ei. Upota vain pieniä kuvakkeita ja taustoja. Suuret kuvat paisuttavat CSS:ää, estävät renderöinnin eikä niitä voi välimuistittaa erikseen.
Kommentit (0)
Kysymyksiä, ideoita tai bugi työkalussa “CSS Data URI -muunnin”? Jätä kommentti, arvioi työkalu tai vastaa muille.
Ei vielä kommentteja. Ole ensimmäinen, joka jakaa palautteesi!