Как вы добавляете миниатюру Opera для своего сайта?

9

Я заметил, что в опере «Быстрый набор» некоторые сайты будут отображать свой логотип в качестве изображения для предварительного просмотра, в то время как другие сайты просто скриншот того, как выглядит сайт, когда вы добавляете его в быстрый набор. Я не знаю точно, но я думаю, что Chrome имеет такое же поведение.

Stackoverflow например имеет логотип: D

Итак, как мне сделать так, чтобы на моем сайте отображался логотип, когда пользователи добавляют его в быстрый набор?

Кэти
источник
В моей системе Chrome всегда просто показывает скриншот
Adjam

Ответы:

5

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

В случае stackoverflow код выглядит так:

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

Который ссылается на изображение размером 158 x 158 пикселей

Логотип Stackoverflow

toomanyairmiles
источник