Bagaimana cara menukar imej kepada URI data Base64 untuk CSS?

Lepaskan atau tampal imej (Ctrl+V), kemudian buka tab CSS dan klik Salin. Anda akan mendapat peraturan background-image: url(...) dengan URI data tertanam. Tab HTML, Markdown, Raw Base64 dan JSON berfungsi dengan cara yang sama.

Mengapakah output Base64 kira-kira satu pertiga lebih besar daripada imej saya?

Base64 menukar setiap 3 bait kepada 4 aksara teks, jadi teks itu kira-kira 33% lebih besar daripada fail. Itulah sebabnya URI data sesuai untuk ikon dan logo kecil, bukan foto besar.

Bagaimana saya boleh memendekkan rentetan Base64?

Buka Kecilkan dahulu dan tetapkan Lebar maksimum atau Format (WebP, JPEG atau PNG), dan rendahkan Kualiti untuk WebP atau JPEG. Fail SVG dan GIF tidak boleh dikecilkan dengan cara ini; SVG mendapat tab SVG (dikodkan URL) sebagai gantinya.

Bolehkah saya menukar rentetan Base64 kembali kepada imej?

Ya. Tukar Arah kepada Base64 ke Imej dan tampal URI data atau Base64 sahaja. Ia mengenali PNG, JPEG, GIF, WebP, SVG, BMP, ICO dan AVIF, kemudian menawarkan muat turun. Input yang tidak sah memaparkan ralat.

Mengapakah Salin gagal atau pratonton kelihatan terpotong pada imej besar?

Pratonton hanya menunjukkan 2000 aksara pertama, tetapi Salin dan Muat turun memberikan nilai penuh. Rentetan yang sangat besar boleh melebihi had papan keratan pelayar, jadi gunakan Muat turun atau kecilkan imej dahulu.

Adakah ia benar-benar percuma?

Ya. Setiap alat adalah percuma untuk digunakan, tanpa akaun dan tanpa kad kredit. Kerja dijalankan pada peranti anda dan bukannya pada pelayan kami, itulah yang menjadikannya percuma untuk dijalankan.

Adakah fail saya dimuat naik?

Tidak. Fail anda dibuka dan diproses dalam pelayar anda dan tidak dihantar ke LibraTool. Sesetengah alat memuat turun enjin pemprosesan atau model AI ke pelayar anda dahulu; muat turun itu tidak mengandungi data anda.

Adakah ia berfungsi pada peranti mudah alih?

Ya. Ia berjalan dalam pelayar mudah alih semasa di iOS dan Android, tanpa apa-apa untuk dipasang. Fail yang sangat besar mungkin perlahan atau kehabisan memori pada telefon, jadi gunakan komputer untuk fail sedemikian.

🖼️

Imej ke Base64 percuma

Tukar imej kepada URI data Base64 untuk kegunaan sebaris dalam CSS, HTML, atau Markdown. Salin coretan yang sedia dibuat. Dikodkan dalam pelayar anda; tidak pernah dimuat naik.

Saiz fail bergantung pada peranti andaFail kekal peribadiTiada log masuk diperlukanPercuma selama-lamanya

Berfungsi luar talian selepas dimuatkan

Lepaskan fail di sini, atau klik untuk semak imbas

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · diproses pada peranti anda

atau tekan Ctrl+V untuk menampal daripada papan keratan

Layar fail

Petua: anda juga boleh menempel imej dari papan klip anda (Ctrl+V).

Fail anda tidak pernah meninggalkan peranti. Semua pemprosesan berlaku secara tempatan dalam pelayar anda.

Tukar imej kepada data URI Base64 yang boleh ditampal terus ke dalam CSS, HTML, atau Markdown — tiada fail berasingan diperlukan. Dikodkan dalam pelayar anda; tidak pernah dimuat naik.

Kegunaan biasa

Sisipkan Gambar dalam CSSSematkan ikon kecil atau latar belakang sebagai data-URI dalam stylesheet Anda.
Sisipkan Gambar dalam HTMLSematkan logo atau ikon langsung dalam HTML mandiri.
Tukar SVG atau Ikon ke Base64Ubah ikon kecil menjadi data-URI untuk penyisipan.
Sisipkan Gambar dalam MarkdownSematkan gambar kecil dalam file Markdown dengan data-URI.
Dapatkan Data-URI GambarHasilkan data mentah: URI yang dapat Anda gunakan di mana saja.

Cara ia berfungsi

URI data membenamkan imej terus ke dalam kod anda sebagai teks, jadi ia memuat tanpa permintaan fail berasingan — berguna untuk ikon kecil dan HTML berdiri sendiri. Ini mengkodnya dalam pelayar anda.

1
Anda menurunkan imej
Ia dibaca secara tempatan dengan API FileReader — tidak pernah dimuat naik.
2
Ia dikod Base64
Bait imej menjadi URI data: (data:image/...;base64,…) tepat dalam pelayar anda.
3
Anda memilih cebisan
Salin URI data mentah, atau CSS (background-image), HTML (<img>), atau Markdown siap pakai.
4
Tempel ke dalam kod anda
Imej kini bergerak dalam barisan dengan CSS/HTML anda — tiada fail tambahan untuk dihoskan.

Imej dikodkan sepenuhnya pada peranti anda. Ambil perhatian bahawa Base64 adalah ~33% lebih besar daripada yang asal, jadi URI data terbaik untuk imej kecil.

Alat berkaitan

🖼️

Steganografi Imej (Sembunyikan Teks dalam Imej)

Sembunyikan mesej teks rahsia di dalam PNG menggunakan steganografi bit paling tidak bererti, dengan penyulitan kata laluan AES-256-GCM pilihan. Ekstrak kemudian dengan alat yang sama. Semua berjalan dalam pelayar anda.

CubaFail kekal tempatan

🔢

Pengkod & Penyahkod Base64

Kodkan teks atau fail ke Base64, atau nyahkod rentetan Base64 kembali ke teks biasa. Segera, peribadi, dan percuma.

Cuba

🔗

Pengekod & Penyahkod URL

Mengekod dan menyahkod URL dan rentetan pertanyaan. Menyokong encodeURIComponent, decodeURIComponent dan penghuraian rentetan pertanyaan.