Jak dodać miniaturę Opery do swojej witryny?

9

Zauważyłem, że w funkcji „Szybkie wybieranie” w Operze niektóre witryny wyświetlają swoje logo jako obraz podglądu, podczas gdy inne witryny to zrzut ekranu przedstawiający wygląd witryny po dodaniu jej do szybkiego wybierania. Nie wiem na pewno, ale myślę, że Chrome zachowuje się tak samo.

Na przykład Stackoverflow ma logo: D

Jak więc sprawić, aby moja witryna wyświetlała logo, gdy użytkownicy dodają je do szybkiego wybierania?

Katie
źródło
W moim systemie Chrome zawsze wyświetla zrzut ekranu
Adjam

Odpowiedzi:

5

Po wydaniu Barracuda Opera używa logo <link rel=”icon”>lub <link rel="apple-touch-icon">meta w nagłówku strony, aby znaleźć logo, ale wyświetli się w Operze tylko wtedy, gdy załączony obraz jest szerszy niż 114 pikseli.

W przypadku stackoverflow kod wygląda następująco: -

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

Który prowadzi do obrazu ikony 158 x 158 pikseli

Logo Stackoverflow

toomanyairmiles
źródło