Bilde til Base64

Gjør et hvilket som helst bilde om til en Base64 data-URI for å bygge det inn rett i HTML eller CSS. Pakk det eventuelt inn som en CSS-bakgrunn, og kopier det - alt skjer i nettleseren din.

Loading…

Om verktøyet Bilde til Base64

Dette verktøyet koder et bilde som en Base64 data-URI - en tekststreng på formen data:image/png;base64,... som inneholder hele filen direkte i koden. Fordi bildet reiser som tekst, kan du lime det rett inn i HTML eller CSS og hoppe over en egen bildeforespørsel. Det er populært for små ikoner, e-postsignaturer, demoer i én fil, og for å samle en liten ressurs der en ekstra HTTP-tur frem og tilbake ikke er verdt det.

Slik bruker du det

Velg bildet du vil kode.
Kopier den genererte data-URI-en, eller bruk innpakningen CSS-bakgrunn for å få en ferdig background-image-regel.
Lim det inn i src på img-taggen, i stilarket ditt eller i markupen din.

En avveining du bør kjenne til: Base64 gjør dataene omtrent 33 prosent større enn den opprinnelige binærfilen, så det egner seg best for små bilder - store filer blåser opp HTML-en eller CSS-en din og er som regel bedre å beholde som vanlige lenkede filer som nettleseren kan mellomlagre. Innebygde bilder lastes ned på nytt med hver side i stedet for å mellomlagres separat. Kodingen skjer helt i nettleseren din, så bildet lastes aldri opp til en server.

Ofte stilte spørsmål

Hva er en Base64 data-URI?

Det er en streng som data:image/png;base64,iVBORw0... som bygger inn hele bildet som tekst. Nettlesere behandler det som en selvstendig bildekilde, så ingen egen filforespørsel trengs.

Når bør jeg bygge inn et bilde som Base64 i stedet for å lenke til det?

Innbygging passer for små ressurser som ikoner eller en logo i en e-postsignatur, der det hjelper å unngå en ekstra forespørsel. For større eller gjenbrukte bilder er en vanlig lenket fil bedre, fordi nettleseren kan mellomlagre den.

Gjør Base64 bildet større?

Ja. Base64-koding legger til omtrent 33 prosent på byte-størrelsen sammenlignet med den rå binærfilen, så det passer dårlig for store bilder du bygger inn i HTML eller CSS.

Lastes bildet opp for å generere Base64-strengen?

Nei. Kodingen skjer i nettleseren din, så filen blir værende på enheten din, og ingenting sendes til en server.

Relaterte verktøy

Endre bildestørrelse Angi en ny bredde og høyde for bildet ditt. Lås sideforholdet for å skalere proporsjonalt, og last ned resultatet - alt behandles lokalt i nettleseren din. Bildekomprimering Kod et bilde på nytt som JPEG eller WebP med en kvalitet du selv velger, for å redusere filstørrelsen. Verktøyet viser størrelsen før og etter, og alt blir i nettleseren din. Bildekonvertering Velg et målformat - PNG, JPEG eller WebP - og konverter bildet ditt med ett klikk. Konverteringen skjer helt i nettleseren din, så filene dine forblir private. Speilvend bilde Speil bildet ditt fra venstre mot høyre eller fra topp mot bunn med ett klikk, og last det ned. Speilvendingen skjer i nettleseren din, og ingenting lastes opp. Roter bilde Drei bildet ditt med forhåndsvalgene 90, 180 og 270 grader, eller skriv inn en valgfri vinkel, og last ned det roterte bildet. Alt behandles lokalt i nettleseren din.