CSS data-URI-konverter
Indsæt et stylesheet, vælg en fil, eller indtast URL'en til en fjern CSS-fil. Konverteren finder hver url(...)-reference, downloader de ressourcer, der er mindre end din størrelsesgrænse, og erstatter dem med Base64-data-URI'er.
| Ressource | Størrelse | Resultat |
|---|
Hvornår indlejring af CSS-billeder hjælper
Hvert eksternt billede koster en forespørgsel. For små ikoner fjerner indlejring som Base64-data-URI'er den forespørgsel og undgår flimren. Over et par kilobyte opvejer 33 %-overheadet og mistet caching fordelen — derfor har konverteren en størrelsesgrænse. Server resultatet med gzip eller Brotli for at genvinde det meste af Base64-overheadet.
Ofte stillede spørgsmål
Skal jeg indlejre alle CSS-billeder?
Nej. Indlejr kun små ikoner og baggrunde. Store billeder oppuster CSS, blokerer rendering og kan ikke caches separat.
Kommentarer (0)
Spørgsmål, ideer eller en fejl i “CSS data-URI-konverter”? Skriv en kommentar, bedøm værktøjet, eller svar på andre.
Ingen kommentarer endnu. Vær den første til at dele din feedback!