284 votos

¿Tiene que ser 32 x 32 o 16 x 16 un favicon?

Quisiera usar una imagen como un favicon regular y favicon amistoso iPhone/iPad.

¿Es esto posible? ¿Un iPad-amistoso 72 x 72 PNG escalaría si vinculados a como un navegador regular favicon? O ¿tengo que usar una imagen de 16 x 16 o 32 x 32 separada?

631voto

philippe_b Puntos 2346

Para el IE, Microsoft recomienda 16x16, 32x32 y 48x48 lleno en el archivo favicon.ico.

Para iOS, Apple recomienda a los nombres de archivo específicos y resoluciones, en la mayoría de 180x180 para los últimos dispositivos con iOS 8.

Android Chrome utiliza principalmente el icono de toque de Apple y también busca un 192x192 icono PNG.

Windows 8 requiere que las imágenes PNG y un color de fondo.

Algunas otras plataformas de aspecto de los archivos PNG con varias resoluciones, como la 96x96 imagen para Google TV.

Mira este favicon fotos lista para una referencia completa.

Este favicon generator puede generar todos estos archivos a la vez, con el código HTML correspondiente. La divulgación completa: yo soy el autor de este sitio.

54voto

Daniel Vassallo Puntos 142049

No estoy seguro cómo if navegadores escalan iconos grandes, pero el W3C sugiere los siguientes1:

El formato de la imagen que ha elegido debe ser 16 x 16 píxeles o 32 x 32 píxeles, utilizando colores de 8 bits o 24 bits. El formato de la imagen debe ser uno de ICO, GIF o PNG (un estándar del W3C).


1w3c.org: Cómo añadir un Favicon a tu sitio (proyecto en desarrollo).

37voto

PedroHCan Puntos 321

En realidad, para hacer tu favicon funciona correctamente en todos los navegadores, tendrás que añadir más de 10 archivos en los formatos y tamaños correctos.

Mi amigo y yo hemos creado una aplicación para esto! Puedes encontrarlo en faviconit.com

Hicimos esto, así la gente don´t crear todas esas imágenes y las etiquetas correctas a mano, todos ellos solía molestarme mucho crear!

Espero que te ayude!

6voto

Brad Puntos 6009

Usted puede tener múltiples tamaños de iconos en el mismo archivo. Rutinariamente se crea favicons ( .ico file) que son 48, 32 y 16 píxeles. Puede añadir en cualquier imagen del tamaño que quieras. ¿La pregunta es, será el uso de iPhone un ico archivo?

icotambién soporta transparencia, pero no estoy seguro si es un canal alfa como Papua Nueva Guinea; probablemente más como GIF donde es o está apagado.

3voto

Palantir Puntos 11889

Recientemente he leído un buen tutorial sobre esto, lo encontrarás aquí:

http://www.onextrapixel.com/2010/10/06/pixel-art-Create-a-Better-favicon-for-your-website/

también muestran una forma de crear un favicon varias resoluciones que Wish hacer su caso.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X