Murni karena penasaran, browser apa yang digunakan untuk menanamkan gambar Base64? Yang saya maksud adalah ini .
Saya menyadari itu biasanya bukan solusi yang baik untuk sebagian besar hal, karena ini meningkatkan ukuran halaman cukup - saya hanya ingin tahu.
Beberapa contoh:
HTML:
<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />CSS:
div.image {
width:100px;
height:100px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}
3
mengapa tidak menyiapkan halaman dengan contoh, kita semua akan melalui dan melakukan pengujian langsung dan melaporkannya di sini
—
Nir Levy
64 bit hanya membutuhkan 6 karakter 2 ^ 6. String teks akan memiliki minimal 8 bit per karakter, tergantung pada jenis penyandian. Anda kehilangan setidaknya 25% efisiensi .... tes cepat saya menunjukkan kerugian sekitar 30%.
Lebih penting lagi, Anda mungkin kehilangan kemampuan untuk menyimpan barang Anda secara efektif.
—
Hut8
@BrianHaak "sangat" tidak mengatakan apa-apa. Saya secara pribadi telah menggunakan gambar base64 beberapa kali dengan ReactJs selama beberapa tahun terakhir dan tidak memiliki masalah rendering sama sekali. Tolong berikan beberapa pengukuran.
—
Lukas Liesis
@LukasLiesadalah saya melakukan pengukuran di Google Chrome untuk tujuan komersial, jadi tidak ada laporan publik di sini. Mungkin baik untuk rendering gambar unik tetapi Anda harus mempertimbangkan bahwa cache tidak berfungsi sama sekali. Di React.js, itu sangat penting ketika mengarah untuk menyelesaikan rendering bagian (pada perubahan navigasi, misalnya).
—
Brian Haak