Bagaimana Anda menambahkan thumbnail Opera untuk situs Anda?

9

Saya perhatikan bahwa dalam fitur "Panggilan Cepat" Opera, beberapa situs akan menampilkan logo mereka sebagai gambar pratinjau, sementara situs lain hanya tangkapan layar tentang bagaimana situs terlihat ketika Anda menambahkannya ke panggilan cepat. Saya tidak tahu pasti tetapi saya pikir Chrome memiliki perilaku yang sama.

Stackoverflow misalnya memiliki logo: D

Jadi bagaimana cara membuat situs saya menampilkan logo ketika pengguna menambahkannya di dalam panggilan cepat?

Katie
sumber
Di sistem saya, Chrome selalu hanya menampilkan tangkapan layar
Adjam

Jawaban:

5

Setelah rilis Barracuda Opera menggunakan <link rel=”icon”>atau <link rel="apple-touch-icon">meta di header situs untuk menemukan logo, tetapi hanya akan ditampilkan di Opera jika gambar yang dilampirkan lebih lebar dari 114px.

Dalam kasus stackoverflow, kode ini terlihat seperti ini: -

<link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">

Yang menghubungkan ke gambar ikon 158 x 158px

Logo Stackoverflow

toomanyairmiles
sumber