Billede til Base64

Denne billede-til-Base64-konverter gør et billede til en data-URI, en lang tekststreng der indlejrer billedet direkte, plus et klar-til-brug CSS-baggrundsuddrag. Du kan indlejre et billede i stedet for at linke til en separat fil.

Den kører lokalt i din browser, så dit billede læses på din enhed og uploades aldrig.

En data-URI bærer hele billedet inde i markuppen, så browseren ikke laver en separat netværksforespørgsel for at hente det. For små aktiver som ikoner kan den sparede rundtur få en side til at føles hurtigere.

Hagen er størrelse og caching. Base64 tilføjer cirka 33 procent overhead, fordi det repræsenterer binære data med et begrænset tekstalfabet, og et indlejret billede kan ikke caches separat, så det downloades igen med hver side, der indeholder det.

Tommelfingerreglen er at indlejre små billeder, ikoner, små logoer eller en sprite, hvor det at undgå en forespørgsel er overheaden værd, og at holde større billeder som normale filer, som browseren kan cache og indlæse parallelt.

Data-URI'er virker alle steder, hvor en URL accepteres: en img src, en CSS-baggrund eller et felt i JSON eller en e-mailskabelon. Det gør dem praktiske til selvstændige uddrag.