Kép Base64-be
Kódolj egy képet Base64 data URI-ként, és másold nyers stringként vagy kész HTML-, CSS- vagy Markdown-kódrészletként. Teljesen a böngésződben fut.
A böngésződben fut. A bevitt adat nem kerül feltöltésre a PayloadIQ-ra.
Ágyazd be a képet szövegként
A data URI egy stringgé alakítja a képet, amelyet egyenesen a jelölésbe illeszthetsz — külön fájl és külön kérés nélkül. Húzz be egy képet, és másold nyers data URI-ként vagy <img>-ként, CSS background-image-ként vagy Markdown-képként. Kis elemekhez, például ikonokhoz és logókhoz a legjobb, mert a Base64 nagyjából egyharmaddal megnöveli a méretet.
Helyi és biztonságos
A képet az eszközödön olvassuk be és kódoljuk, feltöltés nélkül, így rendben van privát vagy még ki nem adott elemekhez is.
GYIK
Mire jó egy Base64 data URI?
A képet közvetlenül a HTML-be, CSS-be vagy Markdownba ágyazza szövegként, így a fájl a dokumentummal töltődik, külön kérés nélkül. Kis ikonokhoz, e-mail-sablonokhoz és önálló fájlokhoz hasznos.
Feltöltődik a képem?
Nem. A kódolás a böngésződben történik a FileReader API-val. A kép az eszközödön marad.
Miért nagyobb a Base64 szöveg a fájlnál?
A Base64 szöveggel ábrázolja a bináris adatot, ami nagyjából egyharmaddal megnöveli a méretet. Ez normális és elkerülhetetlen, ezért a data URI a kis képekhez illik a legjobban.