CSS Data URI-converter
Plak een stylesheet, kies een bestand of voer de URL van een extern CSS-bestand in. De converter vindt elke url(...)-verwijzing, downloadt de bronnen die kleiner zijn dan je groottelimiet en vervangt ze door Base64-data-URI's.
| Bron | Grootte | Resultaat |
|---|
Wanneer inline CSS-afbeeldingen helpen
Elke externe afbeelding kost een verzoek. Voor kleine iconen haal je dat verzoek weg door ze inline als Base64-data-URI's op te nemen, en voorkom je flikkeren. Boven een paar kilobyte wegen de 33% extra grootte en het verlies aan caching zwaarder dan het voordeel; daarom heeft de converter een groottelimiet. Lever het resultaat met gzip of Brotli om het grootste deel van de Base64-overhead terug te winnen.
Veelgestelde vragen
Moet ik elke CSS-afbeelding inline maken?
Nee. Maak alleen kleine iconen en achtergronden inline. Grote afbeeldingen maken de CSS log, blokkeren de weergave en kunnen niet apart worden gecachet.
Reacties (0)
Vragen, ideeën of een bug in “CSS Data URI-converter”? Laat een reactie achter, beoordeel de tool of reageer op anderen.
Nog geen reacties. Deel als eerste je feedback!