Tujuan apa yang dilayani oleh file gif (1x1 pix) kosong?

12

Saya telah melihat beberapa halaman acak menyebutkan menggunakan gambar gif kosong untuk meningkatkan kinerja. Saya juga menemukan nginx memiliki modul hanya untuk tujuan ini. Apa yang saya tidak tahu, adalah persis bagaimana melayani file kecil ini seharusnya untuk meningkatkan kinerja atau responsif yang dirasakan dari server web. Adakah yang bisa membantu saya memahami manfaatnya?

web-server performance nginx Sean
sumber
1
Saya ingin tahu ini juga. Saya selalu melihat em sekitar tetapi tidak pernah berpikir untuk pertanyaan mengapa ...
Mark Henderson

Jawaban:

20

File 1x1 gif digunakan oleh beberapa situs web untuk set jarak antara unsur-unsur (terutama pada situs yang lebih tua, dibuat ketika interpretasi browser HTML / CSS lebih divergen batuk IE batuk

Mereka juga lebih sering digunakan hari ini sebagai target permintaan untuk "piksel pelacakan", yang digunakan sebagai alat untuk mengumpulkan statistik penggunaan, dll., Terutama untuk kampanye email / pemasaran.

Alasan Anda memberikan modul khusus untuk file ini adalah (a) sering diminta, dan (b) mengembalikan hal yang sama setiap kali, jadi Anda tidak ingin harus pergi ke disk untuk file jika Anda bisa menghindarinya.

Lucas Wilson-Richter
sumber
Saya selalu mendengar itu terutama untuk melacak pengguna, sehingga bayangan "mereka" akan menanamkannya sebagai tarikan dari server atau lokasi lain untuk memudahkan pelacakan klik dan juga mengirimkan email yang disematkan dalam email html untuk mengetahui apakah Anda membaca pesan atau tidak; versi tanda terima baca spammer pada orang yang tidak menonaktifkan pesan HTML / RTF dan karenanya memanennya sebagai alamat yang berhasil dijual ke pengirim spam lainnya.
Bart Silverstrim
Itu yang biasa digunakan dalam email, ya. Untuk situs web, teknik itu sebagian besar telah diganti dengan JavaScript seperti Google Analytics.
ceejayoz
Juga dikenal Transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif periksa wiki Link1 dan Link2 , salah satu penggunaan dengan gambar bendera sprite css di situs ini .
shaijut
8

Saya tidak yakin tentang peningkatan kinerja, tetapi gambar 1x1 piksel biasanya digunakan dalam pelacakan. Umumnya dikenal sebagai bug web (atau suar), gambar ini menyebabkan browser membuat permintaan HTTP ke server dari mana gambar berasal. Permintaan ini kemudian dapat diperiksa untuk informasi pelacakan (mis. IP, browser, pengarah, dll).

Samuel Karp
sumber
2

Melakukan pencarian Google untuk " satu piksel gif " atau " satu piksel gif " menghasilkan banyak artikel yang membahas teknik menggunakan file itu untuk elemen penentuan posisi halaman web.

Dari Desain Mengoptimalkan: GIF satu-piksel (1 Januari 2000):

Pada hari-hari awal desain web, keterbatasan HTML menginspirasi desainer untuk menemukan segala macam penyelesaian untuk memiliki kontrol atas tata letak halaman. Salah satu yang paling signifikan dari solusi ini adalah trik GIF piksel tunggal, menggunakan GIF piksel tunggal dan memodifikasinya dengan atribut tinggi, lebar, hspace, dan vspace dari tag IMG.

GIF itu sendiri kecil dan hampir tidak memerlukan waktu pengunduhan. Dan, tergantung pada apakah piksel tunggal transparan atau tidak, hasilnya dapat digunakan sebagai spacer, atau sebagai aturan horizontal atau vertikal.

Dijeda sampai pemberitahuan lebih lanjut.
sumber
2

Termasuk 1x1 gambar tidak meningkatkan kinerja, itu menguranginya - ini permintaan HTTP tambahan, sejumlah kecil bandwidth ekstra, dll.

Modul itu hanya dimaksudkan untuk membuat penurunan kinerja lebih kecil (dengan menyajikan gambar lebih efisien), karena teknik piksel 1x1 untuk elemen pemosisian pada halaman dapat bermanfaat.

ceejayoz
sumber
Mungkin itu adalah kesalahpahaman bahwa sifat gambar 1x1 dioptimalkan untuk melakukan tugasnya, apa pun itu (pelacakan, spasi, dll.), Dengan kinerja paling optimal.
Xonatron
tetapi css sprite meningkatkan kinerja, gambar 1x1 Juga dikenal Transparent.gif , Spacer.gif , Clear1x1.gif , Blank.gif periksa wiki Link1 dan Link2 , salah satu penggunaan dengan gambar spanduk bendera css di situs ini .
shaijut
@stom Ini tidak ada hubungannya dengan sprite CSS.
ceejayoz
1

Mereka juga digunakan untuk menulis gambar; gambar transparan kecil digunakan sebagai atribut src dari tag gambar, dan gambar asli adalah gambar latar belakang CSS. Keuntungan kinerja berasal dari latar belakang CSS yang hanya bagian dari satu gambar yang menggabungkan banyak gambar dari halaman, mengurangi jumlah permintaan secara keseluruhan.

Lihat misalnya:

armb
sumber
Ini harus menjadi jawaban utama. Ada banyak info bagus di jawaban lain tentang hal-hal yang dapat dilakukan dengan gif piksel tunggal, tetapi ini adalah satu-satunya jawaban yang menjelaskan alasan kinerja untuk menggunakannya.
mc0e
0

Semua jawaban bagus di atas. Ada kegunaan lain untuk modul.

Saat Anda ingin memblokir iklan agar tidak ditampilkan di jaringan Anda, jika Anda hanya menolak URL yang diminta, waktu buka browser akan terganggu (atau Anda mendapatkan pesan blokir yang ditampilkan di halaman). Solusinya kemudian adalah mengarahkan lalu lintas browser ke situs internal yang menyajikan gambar kosong (daripada menolak URL permintaan).

Beberapa trik yang dapat digunakan untuk melakukan redirect adalah aturan penulisan ulang Dnsmasq dan Squid.

paxos1977
sumber