Bagaimana Anda menambahkan thumbnail Opera untuk situs Anda?

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?

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

Anda juga dapat menggunakan HTML (dinamis) untuk menampilkan tajuk, gambar, atau komentar artikel terbaru. Lihat Membuat situs Anda bersinar di Panggil Cepat untuk detailnya.