Bilde til Base64
Gjør et bilde om til en data-URI du kan lime rett inn i CSS eller HTML.
- Kjører på enheten din — filen sendes aldri noe sted
- Ingen registrering, ingen vannmerker, ingen daglige kvoter
- Gratis, uten grense for hvor ofte du bruker det
Slik fungerer det
En data-URI bygger et bilde rett inn i kildekoden din i stedet for å referere til en egen fil. Det fjerner én nettverksforespørsel, noe som er viktig for bittesmå bilder som ellers ville kostet en rundtur hver.
Når det er verdt det
Små ikoner, logoer og enfargede grafikker. Under omtrent 2 KB veier den sparte forespørselen vanligvis tyngre enn kostnaden. Over det vinner en vanlig filreferanse.
Størrelsesstraffen
Base64 koder tre byte som fire tegn, så en data-URI er omtrent 33 % større enn filen. Den kan heller ikke bufres separat — den lastes ned på nytt med hver kopi av stilarket eller siden som inneholder den.
Hvor du limer den inn
Rett inn i en CSS url() eller et img src-attributt. Utdataene har allerede riktig prefiks for medietype.
Bilde til Base64 — spørsmål
Hvorfor er det en størrelsesgrense?
Data-URI-er hører hjemme i kildekode, og svært store blåser opp hver side som inkluderer dem. Grensen er 2 MB.
Fungerer det med SVG?
SVG er tekst, så det kan legges inn direkte uten Base64, som er mindre.
Lastes bildet mitt opp?
Nei. Kodingen skjer i nettleseren din.