A Kép ↔ Base64 a képfájlokat (PNG, JPG, SVG, WebP, GIF) Base64-kódolt adat-URI-kká alakítja és vissza. Húzza, illessze be vagy kattintással töltsön be egy képet; másolja a teljes data:image/...;base64,... sztringet, hogy beágyazza a CSS-be, HTML-be vagy konfigurációba. Vagy illesszen be egy adat-URI-t az előnézethez és töltse le képfájlként.
A Base64-kódolt képek közvetlenül beágyazhatók CSS-be, HTML-be vagy konfigurációs fájlokba — hasznos kis ikonokhoz, e-mail sablonokhoz vagy build artefaktumokhoz, ahol a külső képkérések nem kívánatosak. Ez az eszköz egyszerűvé teszi a konverziót. Húzzon be egy képfájlt, illessze be a vágólapról, vagy kattintson a tallózáshoz. Az eszköz a helyes MIME típussal adat-URI-vá alakítja azt (data:image/png;base64,..., data:image/svg+xml;base64,... stb.). Az ellenkező irány is működik — illesszen be egy adat-URI-t, és az eszköz megjeleníti a képet előnézetben, valamint letöltési linket kínál a valódi fájlként való mentéshez. Teljesen a böngészőben fut, feltöltés nélkül — a képei soha nem hagyják el a gépét. Kezeli a PNG, JPG/JPEG, SVG, WebP, GIF és ICO formátumokat.
Több módon is betölthet egy képet: húzzon be egy fájlt az operációs rendszerből, illesszen be a vágólapról (a képernyőképek is működnek), vagy kattintson a fájlválasztó megnyitásához.
Amikor beilleszt egy adat-URI-t, az eszköz azonnal megjeleníti a képet, így ellenőrizheti azt másolás vagy letöltés előtt.
Másolja a teljes data:image/...;base64,... sztringet, amely készen áll a CSS-be, HTML src attribútumba vagy JSON konfigurációba illesztésre.
Nincs feltöltési várakozás — minden helyben történik. Még a nagy méretű képek is másodperc törtrésze alatt konvertálódnak.
Egy Base64 adat-URI-ból mentse el a dekódolt képet valódi fájlként (PNG, JPG, SVG stb.) a helyes kiterjesztéssel.
Támogatja a PNG, JPG, SVG, WebP, GIF és ICO formátumokat. A MIME típus automatikusan felismerésre kerül, így az adat-URI mindig helyes.
Alakítson át egy 16×16-os ikont Base64-re, és ágyazza be a background-image: url(...) helyre. Nincs HTTP kérés, nincs cache hiba — az ikon a CSS-sel együtt kerül kiszállításra.
Ágyazzon be képeket közvetlenül HTML e-mailekbe adat-URI-ként, amikor a külső képhivatkozásokat az ügyfelek blokkolják vagy spamként jelölik.
Illesszen be kis képeket a webpack/vite csomag kimenetébe, hogy kiküszöbölje az erőforrás-oda-vissza kéréseket az alkalmazás indításakor.
Illesszen be egy adat-URI-t a fejlesztői eszközökből, HTML forrásból vagy CSS fájlból az előnézethez és a mögöttes kép fájlként való letöltéséhez.
Amikor egy beágyazott kép nem jelenik meg, illessze be az adat-URI-t a dekóderbe, hogy ellenőrizze, érvényes-e a Base64 és helyes-e a MIME típus.
Kattintson a Kép Base64 ikonra a DevSuite Pro dokkban. Egy kétpaneles panel nyílik meg egy leejtési zónával és egy adat-URI mezővel.
Húzzon egy fájlt a leejtési zónára, illesszen be egy képet a vágólapról (Ctrl+V), vagy kattintson a zónára a tallózáshoz. Megjelenik egy előnézet.
A Base64 adat-URI azonnal generálódik a kimeneti mezőben — kattintson a Másolás gombra, hogy a vágólapra kerüljön, beillesztésre készen.
Base64 → kép irányhoz illesszen be egy adat-URI-t a mezőbe. Az előnézet megjeleníti a képet, és megjelenik egy Letöltés gomb.
Mentse el a visszaállított képet valódi fájlként, vagy másolja az adat-URI-t megosztáshoz vagy máshová történő beágyazáshoz.
Telepítse ingyen a DevSuite Pro-t, és oldjon fel 64+ fejlesztői eszközt böngészőjéhez.
