Anda mungkin telah memperhatikan bahwa beberapa gambar di halaman web memiliki serangkaian karakter besar diikuti oleh URL gambar latar belakang SRC atau CSS, seperti: data: gambar/png; base64, ivborw0kggoaaaansuheugnzvjlywr5ccllpaaaahhjrefueno8zjsoxcambfb/keeauffr0cbng3nqpw68arzdalozpppfibh5ab8b+tlt9myq6 i1buqfaq1cksvcxz2acs6406kugpt5/kuvgz5bdcszo99zodczgvt4mjzmvkqcha68iepb86gaiov8cdadliuQbs7md3WaaAbjru5erkggg%3diuQbs7md3WaaBjru5erkggg. Jadi apa ini? Ini adalah skema data URI.
Skema data URI didefinisikan dalam RFC2397, dengan tujuan menanamkan beberapa data kecil langsung ke halaman web, sehingga tidak perlu dimuat dari file eksternal lagi. Misalnya, serangkaian karakter di atas sebenarnya adalah gambaran kecil. Salin dan tempel karakter -karakter ini ke bilah alamat Firefox dan pergi ke sana, Anda dapat melihatnya, gambar PNG abu -abu putih 1x36.
Dalam data URI di atas, data mewakili nama kontrak dari data yang diperoleh, gambar/png adalah nama tipe data, basis64 adalah metode pengkodean data, dan koma diikuti oleh data yang dikodekan oleh basis64 dari file gambar/png ini.
Saat ini, tipe yang didukung oleh skema data URI adalah:
Data:, data teks
Data: Teks/polos, data teks
Data: Teks/html, kode html
Data: Teks/HTML; Base64, Base64 Kode HTML yang dikodekan
Data: Teks/CSS, kode CSS
Data: Teks/CSS; Base64, Base64 Kode CSS yang Dikodekan
Data: Teks/JavaScript, kode JavaScript
Data: Teks/JavaScript; Base64, Base64 Kode JavaScript yang dikodekan
Data: gambar/gif; base64, base64 data gambar gif yang dikodekan
Data: gambar/png; Base64, Base64 Data gambar PNG yang dikodekan
Data: Gambar/JPEG; Base64, Base64 Data gambar JPEG yang dikodekan
Data: gambar/x-icon; Base64, Base64 Data Ikon Ikon yang Dikode
base64 Sederhananya, itu menerjemahkan beberapa data 8-bit ke dalam karakter ASCII standar. Ada banyak alat pengkodean dan decoding base64 gratis di internet. Dalam PHP, Anda dapat menggunakan fungsi base64_encode () untuk mengkode, seperti Echo base64_encode (file_get_contents ('wg.png'));
Saat ini, IE8, Firfox, Chrome, dan Opera browser semuanya mendukung jenis embedding file kecil ini.
Ambil contoh gambar:Gambar di halaman web dapat ditampilkan seperti ini:
<img src = http: //www.letuknowit.com/images/wg.png/>
Ini juga dapat ditampilkan seperti ini:
Salin kode