Billede til Base64
Slip et billede ned i denne billede til Base64-konverter for at få en data-URI og klar-til-indsæt-udsnit til HTML, CSS og JavaScript. Indlejrede billeder sparer HTTP-forespørgsler for små ikoner og er uundværlige til enkeltfils-HTML, e-mailskabeloner og offline-apps.
Sådan konverterer du Billede til Base64 online
- Vælg en billedfil, eller indsæt en billede-URL.
- Vælg output: data-URI,
<img>, CSS-baggrund, favicon, JSON og mere. - Klik på Kod billede til Base64.
- Se billedet, og kopiér koden.
Flere Billede til Base64-konvertere
Outputformater
Vælg, hvordan resultatet skal pakkes ind. Konverteren kan returnere:
- txt: kun Base64-strengen, klar til at indsætte i kode, et databasefelt eller en API-forespørgsel.
- uri: en komplet
data:-URI, du kan indsætte i browserens adresselinje eller bruge, hvor en URL accepteres. - html img: et
<img>-tag med data-URI'en isrc. - css background image: en CSS-regel med
background-image: url(data:...). - html favicon: et
<link rel="icon">-tag til et indlejret favicon. - html hyperlink: et
<a>-link, der downloader eller åbner den indlejrede fil. - html iframe: en
<iframe>, der renderer indholdet inline. - javascript image: JavaScript, der opretter et
Image-objekt. - javascript popup: JavaScript, der åbner indholdet i et nyt vindue.
- json: et JSON-objekt med filnavn, MIME-type og data.
- xml: et XML-element med dataene inde i en CDATA-sektion.
Hvornår bør du indlejre billeder som Base64?
Indlejr små billeder (under ca. 5–10 KB) som ikoner, logoer og pladsholdere for at spare forespørgsler. Undgå at indlejre store fotos: de gør HTML/CSS tungere, kan ikke caches separat og forsinker rendering. For en detaljeret gennemgang se data-URI'er forklaret.
Ofte stillede spørgsmål
Hvordan konverterer jeg et billede til Base64?
Vælg dit billede, vælg "Data-URI" eller "<img>" som output, og klik på "Kod billede til Base64". Kopiér resultatet ind i din HTML eller CSS.
Hvilke billedformater understøttes?
Alle formater, din browser kan læse: PNG, JPG/JPEG, GIF, WebP, SVG, BMP, ICO, AVIF, TIFF og flere.
Hvordan bruger jeg et Base64-billede i HTML?
Sæt data-URI'en i src-attributten: <img src="data:image/png;base64,iVBORw0KGgo..." alt="">.
Kommentarer (0)
Spørgsmål, ideer eller en fejl i “Billede til Base64”? Skriv en kommentar, bedøm værktøjet, eller svar på andre.
Ingen kommentarer endnu. Vær den første til at dele din feedback!