Alakíts egy képet Base64 data URI-vá HTML-be, CSS-be vagy JSON-ba ágyazáshoz, teljesen a böngésződben.
Így használd a következőt: Kép Base64-re
Válassz egy képet az eszközödről.
Másold a data URI-t, vagy a kész CSS kódrészletet.
Illeszd be a HTML-edbe, CSS-edbe vagy JSON-odba.
This image to Base64 converter turns a picture into a data URI, a long text string that embeds the image directly, plus a ready-to-use CSS background snippet. You can inline an image instead of linking to a separate file.
It runs locally in your browser, so your image is read on your device and never uploaded.
A data URI carries the whole image inside the markup, so the browser does not make a separate network request to fetch it. For small assets like icons, that saved round trip can make a page feel faster.
The catch is size and caching. Base64 adds roughly 33 percent overhead because it represents binary data with a limited text alphabet, and an inlined image cannot be cached separately, so it is downloaded again with every page that contains it.
The rule of thumb is to inline small images, icons, tiny logos or a sprite, where avoiding a request is worth the overhead, and to keep larger images as normal files that the browser can cache and load in parallel.
Data URIs work anywhere a URL is accepted: an img src, a CSS background, or a field in JSON or an email template. That makes them handy for self-contained snippets.
Gyakran ismételt kérdések
Nem. A képet teljesen a böngésződben olvassa, így soha nem hagyja el az eszközöd.
Kis képekhez, mint az ikonok, ahol egy extra hálózati kérés elkerülése megéri a méretnövekedést. Nagy képekhez egy normál fájl jobb.
A Base64 kódolás körülbelül 33 százalék többletet ad, mert a bináris adatokat egy korlátozott szöveges ábécével ábrázolja.
Eszköz beágyazása
Add hozzá ezt az eszközt a saját weboldaladhoz. Másold ki az alábbi kódrészletet, amely automatikusan naprakész marad.
<iframe src="https://monu.tools/embed/hu/image-to-base64" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Kapcsolódó eszközök
Szöveg kódolása Base64-be, vagy Base64 visszadekódolása szöveggé. UTF-8 biztos, automatikus iránymeghatározással.
URL-ek és URL-komponensek százalékos kódolása és dekódolása, UTF-8 biztosan.
Dekódolj egy JSON Web Tokent a fejléce és tartalma megtekintéséhez, ember által olvasható lejárati és kibocsátási időkkel. Teljesen a böngésződben fut; a tokeneket soha nem tölti fel.
SHA-1, SHA-256, SHA-384 és SHA-512 hashek generálása bármilyen szövegből, közvetlenül a böngésződben.