Comment ajoutez-vous une vignette Opera pour votre site?


9

J'ai remarqué que dans la fonction "Speed ​​Dial" d'Opera, certains sites afficheront leur logo comme image d'aperçu, tandis que d'autres sites ne sont qu'une capture d'écran de l'apparence du site lorsque vous l'ajoutez à la numérotation rapide. Je n'en suis pas sûr, mais je pense que Chrome a le même comportement.

Stackoverflow par exemple a le logo: D

Alors, comment puis-je faire en sorte que mon site affiche le logo lorsque les utilisateurs l'ajoutent dans la numérotation rapide?


Sur mon système, Chrome montre toujours juste une capture d'écran
Adjam

Réponses:


5

Après la sortie de Barracuda, Opera utilise la méta <link rel=”icon”>ou <link rel="apple-touch-icon">dans l'en-tête du site pour trouver le logo, mais il n'apparaîtra dans Opera que si l'image jointe est plus large que 114 px.

Dans le cas de stackoverflow, le code ressemble à ceci: -

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

Liens vers une image d'icône de 158 x 158 pixels

Logo Stackoverflow


En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.