¿Cómo se agrega una miniatura de Opera para su sitio?

9

Noté que en la función "Marcación rápida" de Opera, algunos sitios mostrarán su logotipo como imagen de vista previa, mientras que otros sitios solo una captura de pantalla de cómo se ve el sitio cuando lo agrega a la marcación rápida. No estoy seguro, pero creo que Chrome tiene el mismo comportamiento.

Stackoverflow por ejemplo tiene el logo: D

Entonces, ¿cómo hago para que mi sitio muestre el logotipo cuando los usuarios lo agregan dentro de la marcación rápida?

Katie
fuente
En mi sistema, Chrome siempre muestra una captura de pantalla
Adjam

Respuestas:

5

Después del lanzamiento de Barracuda Opera, utiliza el <link rel=”icon”>o <link rel="apple-touch-icon">meta en el encabezado del sitio para encontrar el logotipo, pero solo se mostrará en Opera si la imagen adjunta es más ancha que 114px.

En el caso de stackoverflow, el código se ve así:

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

Que enlaza con una imagen de icono de 158 x 158 px

Logotipo de Stackoverflow

toomanyairmiles
fuente