Як додати мініатюру Opera для свого сайту?

Я помітив, що у функції "Швидкий набір" Opera деякі сайти відображатимуть логотип у вигляді попереднього зображення, а інші - лише скріншот того, як виглядає сайт, коли ви додаєте його до швидкого набору. Я точно не знаю, але думаю, що Chrome має таку саму поведінку.

Наприклад, Stackoverflow має логотип: D

Тож як зробити так, щоб мій сайт відображав логотип, коли користувачі додають його до швидкого набору?

Після випуску Barracuda Opera використовує <link rel=”icon”>або <link rel="apple-touch-icon">meta у заголовку сайту, щоб знайти логотип, але він відображатиметься в Opera лише в тому випадку, якщо додане зображення ширше 114 пікселів.

У випадку stackoverflow код виглядає приблизно так: -

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

Посилання на зображення піктограми 158 x 158 пікселів

Ви також можете використовувати (динамічний) HTML, щоб відображати останні заголовки статті, зображення чи коментарі. Детальні відомості див. У розділі Додавання вашого веб-сайту блискучим набором .