Billede til Base64
Gør et billede til en data-URI, du kan indsætte direkte i CSS eller HTML.
- Kører på din enhed — filen sendes aldrig nogen steder hen
- Ingen tilmelding, ingen vandmærker, ingen daglige kvoter
- Gratis, uden grænse for, hvor ofte du bruger det
Sådan fungerer det
En data-URI indlejrer et billede direkte i din kildekode i stedet for at referere til en separat fil. Det fjerner én netværksforespørgsel, hvilket har betydning for små billeder, der ellers ville koste en rundtur hver.
Hvornår det kan betale sig
Små ikoner, logoer og ensfarvet grafik. Under cirka 2 KB opvejer den sparede forespørgsel som regel prisen. Over det vinder en almindelig filreference.
Størrelsesstraffen
Base64 koder tre bytes som fire tegn, så en data-URI er cirka 33 % større end filen. Den kan heller ikke caches separat – den hentes igen med hver kopi af det stilark eller den side, der indeholder den.
Hvor den skal indsættes
Direkte i en CSS url() eller en img src-attribut. Outputtet bærer allerede det korrekte præfiks for medietypen.
Billede til Base64 – spørgsmål
Hvorfor er der en størrelsesgrænse?
Data-URI'er hører hjemme i kildekode, og meget store oppuster hver side, der inkluderer dem. Grænsen er 2 MB.
Virker det med SVG?
SVG er tekst, så den kan indlejres direkte uden Base64, hvilket er mindre.
Bliver mit billede uploadet?
Nej. Kodningen sker i din browser.