RevealTheme logo

Afbeelding-naar-Base64-converter

Zet elk afbeeldingsbestand om naar een Base64-data-URL. Plak het resultaat rechtstreeks in CSS, HTML of JSON.

Wat is de afbeelding-naar-Base64-converter?

Een Base64-data-URL sluit de binaire inhoud van een afbeelding rechtstreeks in HTML of CSS in. Dit elimineert het HTTP-verzoek voor pictogrammen en kleine afbeeldingen, wat de gepercipieerde laadtijd kan verbeteren. Het nadeel: Base64-codering vergroot de bestandsgrootte met ongeveer 33 %, dus het is ideaal voor pictogrammen kleiner dan 5 KB.

Veelgestelde vragen

Wanneer moet ik Base64-afbeeldingen gebruiken?
Voor pictogrammen, logo's of kleine sprites waarbij u een HTTP-verzoek wilt elimineren. Vermijd het voor grote afbeeldingen: de overhead van de codering tenietdoet elk voordeel.
Kan ik dit in CSS gebruiken?
Ja: plak de data-URL rechtstreeks in een declaratie background-image: url(...).

Gerelateerde tools