Bilde til Base64

Denne bilde-til-Base64-omformeren gjør et bilde om til en data-URI, en lang tekststreng som bygger bildet inn direkte, pluss en klar-til-bruk CSS-bakgrunnsbit. Du kan legge et bilde inn i stedet for å lenke til en separat fil.

Den kjører lokalt i nettleseren din, så bildet ditt leses på enheten din og lastes aldri opp.

En data-URI bærer hele bildet inne i markeringen, så nettleseren gjør ikke en separat nettverksforespørsel for å hente det. For små ressurser som ikoner kan den sparte rundturen få en side til å føles raskere.

Haken er størrelse og bufring. Base64 legger til rundt 33 prosent overhead fordi det representerer binærdata med et begrenset tekstalfabet, og et innlagt bilde kan ikke bufres separat, så det lastes ned igjen med hver side som inneholder det.

Tommelfingerregelen er å legge inn små bilder, ikoner, ørsmå logoer eller en sprite, der det å unngå en forespørsel er verdt overheaden, og å beholde større bilder som vanlige filer nettleseren kan bufre og laste parallelt.

Data-URI-er fungerer hvor som helst en URL godtas: en img-src, en CSS-bakgrunn, eller et felt i JSON eller en e-postmal. Det gjør dem nyttige for selvstendige biter.