Come aggiungi una miniatura di Opera per il tuo sito?

Ho notato che nella funzione "Selezione rapida" di Opera, alcuni siti visualizzeranno il loro logo come immagine di anteprima, mentre altri siti solo uno screenshot di come appare il sito quando lo aggiungi alla selezione rapida. Non lo so per certo, ma penso che Chrome abbia lo stesso comportamento.

Stackoverflow ad esempio ha il logo: D

Quindi, come posso fare in modo che il mio sito mostri il logo quando gli utenti lo aggiungono nella composizione rapida?

Dopo il rilascio di Barracuda Opera utilizza il simbolo <link rel=”icon”>o <link rel="apple-touch-icon">nell'intestazione del sito per trovare il logo, ma verrà mostrato in Opera solo se l'immagine allegata è più larga di 114 pixel.

Nel caso di stackoverflow il codice è simile al seguente: -

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

Che collega a un'immagine icona 158 x 158px

Puoi anche utilizzare HTML (dinamico) per mostrare i titoli degli articoli, le immagini o i commenti più recenti. Per maggiori dettagli, vedi Fai brillare il tuo sito in Composizione veloce .