CSS data-URI-konverter
Lim inn et stilark, velg en fil, eller skriv inn URL-en til en ekstern CSS-fil. Konvertereren finner hver url(...)-referanse, laster ned ressursene som er mindre enn størrelsesgrensen din, og erstatter dem med Base64 data-URI-er.
| Ressurs | Størrelse | Resultat |
|---|
Når innebygging av CSS-bilder hjelper
Hvert eksterne bilde koster en forespørsel. For små ikoner fjerner innebygging som Base64 data-URI-er den forespørselen og unngår flimring. Over noen få kilobyte veier 33 % størrelsesoverhead og tapt caching tyngre enn fordelen – derfor har konvertereren en størrelsesgrense. Server resultatet med gzip eller Brotli for å hente inn det meste av Base64-overhead.
Ofte stilte spørsmål
Bør jeg innebygge hvert CSS-bilde?
Nei. Bygg bare inn små ikoner og bakgrunner. Store bilder gjør CSS-en oppblåst, blokkerer rendering og kan ikke caches separat.
Kommentarer (0)
Spørsmål, idéer eller en feil i «CSS data-URI-konverter»? Legg igjen en kommentar, vurder verktøyet, eller svar andre.
Ingen kommentarer ennå. Bli den første til å dele tilbakemeldingen din!