Imej ↔ Base64 menukar fail imej (PNG, JPG, SVG, WebP, GIF) kepada data URI berkod Base64 dan sebaliknya. Seret, tampal, atau klik untuk memuatkan imej; salin rentetan penuh data:image/...;base64,... untuk dibenamkan terus dalam CSS, HTML, atau config. Atau tampal data URI untuk pratonton dan muat turun sebagai fail imej.
Imej berkod Base64 boleh dibenamkan terus ke dalam fail CSS, HTML, atau config — berguna untuk ikon kecil, templat emel, atau artifak build di mana permintaan imej luaran tidak diingini. Alat ini menjadikan penukaran ini mudah. Seret fail imej, tampal daripada papan keratan, atau klik untuk melayari. Alat ini menukarnya kepada data URI dengan jenis MIME yang betul (data:image/png;base64,..., data:image/svg+xml;base64,..., dan lain-lain). Arah bertentangan juga berfungsi — tampal data URI dan alat ini akan merender imej untuk pratonton serta menawarkan pautan muat turun untuk menyimpannya sebagai fail sebenar. Berfungsi sepenuhnya dalam pelayar, tiada muat naik — imej anda tidak akan meninggalkan mesin anda. Menyokong format PNG, JPG/JPEG, SVG, WebP, GIF, dan ICO.
Pelbagai cara untuk memuatkan imej: seret fail dari OS anda, tampal daripada papan keratan (tangkapan skrin turut berfungsi), atau klik untuk membuka pemilih fail.
Apabila anda menampal data URI, alat ini merender imej dengan segera supaya anda dapat mengesahkannya sebelum menyalin atau memuat turun.
Menyalin rentetan penuh data:image/...;base64,... yang sedia untuk ditampal ke dalam CSS, atribut src HTML, atau config JSON anda.
Tiada masa menunggu muat naik — semuanya berlaku secara tempatan. Malah imej besar pun ditukar dalam sepersekian saat.
Daripada data URI Base64, simpan imej yang telah dinyahkod sebagai fail sebenar (PNG, JPG, SVG, dan lain-lain) dengan sambungan yang betul.
Menyokong PNG, JPG, SVG, WebP, GIF, dan ICO. Jenis MIME dikesan secara automatik supaya data URI anda sentiasa betul.
Tukar ikon 16×16 kepada Base64 dan benamkannya secara sebaris dalam background-image: url(...). Tiada permintaan HTTP, tiada cache miss — ikon dihantar bersama CSS anda.
Benamkan imej terus dalam emel HTML sebagai data URI apabila rujukan imej luaran disekat oleh klien emel atau ditanda sebagai spam.
Sertakan imej kecil dalam output bundle webpack/vite untuk mengelakkan pergi-balik aset semasa app dimulakan.
Tampal data URI daripada dev tools, sumber HTML, atau fail CSS untuk pratonton dan muat turun imej asal sebagai fail.
Apabila imej terbenam tidak dipaparkan, tampal data URI ke dalam penyahkod untuk mengesahkan Base64 itu sah dan jenis MIME betul.
Klik ikon Image Base64 dalam dock DevSuite Pro. Panel dua ruang akan terbuka dengan zon lepas dan medan data URI.
Seret fail ke zon lepas, tampal imej daripada papan keratan (Ctrl+V), atau klik zon itu untuk melayari. Pratonton akan dipaparkan.
Data URI Base64 dijana serta-merta dalam medan output — klik Copy untuk menghantarnya ke papan keratan anda, sedia untuk ditampal secara sebaris.
Untuk pergi dari Base64 → imej, tampal data URI ke dalam medan tersebut. Pratonton akan merender imej dan butang Download akan muncul.
Simpan imej yang dibina semula sebagai fail sebenar, atau salin data URI untuk dikongsi atau dibenamkan di tempat lain.
Pasang DevSuite Pro secara percuma dan buka 64+ alat pembangun untuk pelayar anda.
