Jak dodać miniaturę Opery do swojej witryny?

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?

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

Możesz także użyć (dynamicznego) kodu HTML, aby wyświetlić najnowsze nagłówki artykułów, obrazy lub komentarze. Aby uzyskać szczegółowe informacje, zobacz Spraw, by Twoja witryna świeciła w Szybkim wybieraniu .