Billede til Base64

Lav ethvert billede om til en Base64-data-URI til indlejring direkte i HTML eller CSS. Pak det eventuelt som en CSS-baggrund, og kopier det derefter - alt sker i din browser.

Loading…

Om værktøjet Billede til Base64

Dette værktøj koder et billede som en Base64-data-URI - en tekststreng på formen data:image/png;base64,..., der indeholder hele filen inline. Fordi billedet rejser som tekst, kan du indsætte det direkte i HTML eller CSS og springe en separat billedforespørgsel over. Det er populært til små ikoner, e-mailsignaturer, demoer i en enkelt fil og til at samle et lille aktiv, hvor en ekstra HTTP-tur frem og tilbage ikke er det værd.

Sådan bruger du det

Vælg det billede, du vil kode.
Kopier den genererede data-URI, eller brug indpakningen til CSS-baggrund for at få en færdig background-image-regel.
Indsæt den i dit img-tags src, dit stylesheet eller din markup.

Et kompromis at kende: Base64 gør dataene cirka 33 procent større end den oprindelige binære fil, så det er bedst til små billeder - store filer oppuster din HTML eller CSS og er som regel bedst overladt til normale, sammenkædede filer, som browseren kan cache. Inline-billeder downloades igen ved hver sideindlæsning frem for at blive cachet separat. Kodningen sker helt i din browser, så billedet uploades aldrig til en server.

Ofte stillede spørgsmål

Hvad er en Base64-data-URI?

Det er en streng som data:image/png;base64,iVBORw0..., der indlejrer hele billedet som tekst. Browsere behandler den som en selvstændig billedkilde, så der er ikke brug for en separat filforespørgsel.

Hvornår bør jeg indlejre et billede som Base64 i stedet for at linke til det?

Indlejring passer til små aktiver som ikoner eller et logo i en e-mailsignatur, hvor det hjælper at undgå en ekstra forespørgsel. Til større eller genbrugte billeder er en normal, sammenkædet fil bedre, fordi browseren kan cache den.

Gør Base64 billedet større?

Ja. Base64-kodning lægger cirka 33 procent til bytestørrelsen sammenlignet med den rå binære fil, så det passer dårligt til store billeder, du indlejrer i HTML eller CSS.

Bliver billedet uploadet for at generere Base64-strengen?

Nej. Kodningen sker i din browser, så filen bliver på din enhed, og intet sendes til en server.

Relaterede værktøjer

Skaler billede Angiv en ny bredde og højde for dit foto. Lås billedforholdet for at skalere proportionalt, og hent derefter resultatet - alt behandles lokalt i din browser. Komprimer billede Omkod et foto som JPEG eller WebP i en kvalitet, du selv vælger, for at skære filstørrelsen ned. Værktøjet viser størrelsen før og efter, og alt bliver i din browser. Konverter billede Vælg et målformat - PNG, JPEG eller WebP - og konverter dit billede med ét klik. Konverteringen sker helt i din browser, så dine filer forbliver private. Vend billede Spejl dit billede fra venstre mod højre eller fra top mod bund med et enkelt klik, og hent det derefter. Vendingen sker i din browser, og intet uploades. Roter billede Drej dit foto med forindstillingerne 90, 180 og 270 grader, eller skriv en valgfri vinkel, og hent derefter det roterede billede. Alt behandles lokalt i din browser.