CSS data-URI-konverterare
Klistra in en stilmall, välj en fil eller ange URL:en till en extern CSS-fil. Konverteraren hittar varje url(...)-referens, laddar ner resurser som är mindre än din storleksgräns och ersätter dem med Base64-data-URI:er.
| Resurs | Storlek | Resultat |
|---|
När inbäddning av CSS-bilder hjälper
Varje extern bild kostar en förfrågan. För små ikoner tar inbäddning som Base64-data-URI:er bort den förfrågan och undviker flimmer. Över några kilobyte väger 33 %-storleksökningen och förlorad cache tyngre än fördelen, därför har konverteraren en storleksgräns. Servera resultatet med gzip eller Brotli för att återvinna merparten av Base64-overheadet.
Vanliga frågor
Ska jag bädda in varje CSS-bild?
Nej. Bädda bara in små ikoner och bakgrunder. Stora bilder blåser upp CSS:en, blockerar rendering och kan inte cachas separat.
Kommentarer (0)
Frågor, idéer eller en bugg i “CSS data-URI-konverterare”? Lämna en kommentar, betygsätt verktyget eller svara andra.
Inga kommentarer ännu. Bli först med att dela din feedback!