Wie fügen Sie ein Opera-Miniaturbild für Ihre Site hinzu?

9

Ich habe festgestellt, dass in der Funktion "Kurzwahl" von Opera auf einigen Websites das Logo als Vorschaubild angezeigt wird, während auf anderen Websites nur ein Screenshot des Aussehens der Website angezeigt wird, wenn Sie sie zur Kurzwahl hinzufügen. Ich weiß es nicht genau, aber ich denke, Chrome hat das gleiche Verhalten.

Stackoverflow hat zum Beispiel das Logo: D.

Wie kann ich auf meiner Website das Logo anzeigen lassen, wenn Benutzer es innerhalb der Kurzwahl hinzufügen?

Katie
quelle
Auf meinem System zeigt Chrome immer nur einen Screenshot
Adjam

Antworten:

5

Nach der Veröffentlichung von Barracuda Opera wird das Logo mithilfe des <link rel=”icon”>oder <link rel="apple-touch-icon">meta in der Kopfzeile der Site gefunden. Es wird jedoch nur in Opera angezeigt, wenn das angehängte Bild breiter als 114 Pixel ist.

Im Fall von stackoverflow sieht der Code folgendermaßen aus:

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

Welche Links zu einem 158 x 158px Symbolbild

Stackoverflow-Logo

toomanyairmiles
quelle