Kép → Base64
Húzzon bármilyen képet ebbe a kép → Base64 konverterbe, hogy data URI-t és beillesztésre kész HTML-, CSS- és JavaScript-részleteket kapjon. A beágyazott képek HTTP-kéréseket takarítanak meg kis ikonoknál, és elengedhetetlenek egydokumentumos HTML-hez, e-mail sablonokhoz és offline alkalmazásokhoz.
Hogyan alakítsa át a(z) Kép → Base64 fájlt online
- Válasszon képfájlt, vagy illesszen be kép URL-t.
- Válassza a kimenetet: data URI,
<img>, CSS háttér, favicon, JSON és még több. - Kattintson a Kép kódolása Base64-re gombra.
- Tekintse meg a képet, és másolja a kódot.
További Kép → Base64 konverterek
Kimeneti formátumok
Válassza ki, hogyan legyen csomagolva az eredmény. A konverter visszaadhat:
- txt: csak a Base64 karakterlánc, készen arra, hogy kódba, adatbázismezőbe vagy API-kérésbe illessze.
- uri: egy teljes
data:URI, amelyet beilleszthet a böngésző címsorába, vagy bárhol használhat, ahol URL elfogadott. - html img: egy
<img>címke a data URI-val asrc-ben. - css background image: egy CSS-szabály
background-image: url(data:...)használatával. - html favicon: egy
<link rel="icon">címke beágyazott faviconhoz. - html hyperlink: egy
<a>hivatkozás, amely letölti vagy megnyitja a beágyazott fájlt. - html iframe: egy
<iframe>, amely beágyazva jeleníti meg a tartalmat. - javascript image: JavaScript, amely
Imageobjektumot hoz létre. - javascript popup: JavaScript, amely új ablakban nyitja meg a tartalmat.
- json: egy JSON objektum a fájlnévvel, MIME-típussal és adattal.
- xml: egy XML elem az adatokkal egy CDATA szakaszban.
Mikor érdemes képeket Base64-ként beágyazni?
Ágyazzon be kis képeket (kb. 5–10 KB alatt), például ikonokat, logókat és helyőrzőket a kérések csökkentéséhez. Kerülje a nagy fényképek beágyazását: nehezebbé teszik a HTML/CSS-t, nem cache-elhetők külön, és késleltetik a megjelenítést. Részletesebb tárgyalásért lásd: data URI-k magyarázata.
Gyakran ismételt kérdések
Hogyan alakítsam át a képet Base64-re?
Válassza ki a képet, válassza a „Data URI” vagy „<img>” kimenetet, majd kattintson a „Kép kódolása Base64-re” gombra. Másolja az eredményt a HTML-be vagy CSS-be.
Mely képformátumok támogatottak?
Bármilyen formátum, amelyet a böngészője olvasni tud: PNG, JPG/JPEG, GIF, WebP, SVG, BMP, ICO, AVIF, TIFF és még több.
Hogyan használjak Base64 képet HTML-ben?
Tegye a data URI-t a src attribútumba: <img src="data:image/png;base64,iVBORw0KGgo..." alt="">.
Hozzászólások (0)
Kérdése, ötlete vagy hibája van a(z) „Kép → Base64” eszközzel kapcsolatban? Írjon hozzászólást, értékelje az eszközt, vagy válaszoljon másoknak.
Még nincsenek hozzászólások. Legyen Ön az első, aki megosztja a visszajelzését!