Nilai url imej latar belakang src atau css ialah kod pengekodan base64_HTML/Xhtml_pengeluaran halaman web

Anda mungkin perasan bahawa url beberapa gambar pada halaman web diikuti oleh rentetan aksara yang besar, seperti: data:image/png;base64, iVBORw0KGgoAAAANSUhEUgnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPHBPw68pp qFaq1CKSVcxZ2Acs6406KUgpt5/KuVgz5BDCSZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg==. Jadi apa ini? Ini ialah skema URI Data.

Skim URI data ditakrifkan dalam RFC2397 Tujuannya adalah untuk membenamkan beberapa data kecil terus ke dalam halaman web, supaya tidak perlu memuatkannya daripada fail luaran. Sebagai contoh, rentetan aksara di atas sebenarnya adalah gambar kecil Salin dan tampal aksara ini ke dalam bar alamat Firefox dan pergi ke sana, dan anda akan melihatnya, gambar png putih dan kelabu 1X36.

Dalam URI Data di atas, data mewakili nama protokol untuk mendapatkan data, imej/png ialah nama jenis data, base64 ialah kaedah pengekodan data dan apa yang mengikuti koma ialah data berkod base64 daripada fail imej/png.

Pada masa ini, jenis yang disokong oleh skema URI Data ialah:
data:, data teks
data:text/plain, data teks
data:text/html, kod HTML
data :text/html;base64,base64 dikodkan kod HTML
data:teks/css,CSS kod
data:teks/css;base64,base64 dikodkan kod CSS
data:teks/javascript,Kod JavaScript
data:text/javascript;base64,base64 mengekod kod Javascript
data:image/gif;base64,base64 dikodkan data imej gif
data:image/png;base64,base64 dikodkan data imej png
data :image/jpeg;base64, data imej jpeg berkod base64
data:image/x-icon;base64, data imej ikon berkod base64

base64 hanya meletakkan beberapa data 8-bit diterjemahkan ke dalam standard Aksara ASCII. Terdapat banyak alat pengekodan dan penyahkodan base64 percuma di Internet, anda boleh menggunakan fungsi base64_encode() untuk mengekod, seperti echo base64_encode(file_get_contents('wg.png')); Pelayar IE8, Firfox, Chrome dan Opera semuanya menyokong pembenaman fail kecil ini.


Sebagai contoh gambar:
Gambar pada halaman web boleh dipaparkan seperti ini: