Un archivo de favicon muy extraño (al menos para mí) donde un solo archivo contiene 3 imágenes de diferentes tamaños

Tengo este archivo favicon.

Descargar archivo de favicon

No puedo cargar el archivo de imagen porque no tiene el formato adecuado.

Cuando ve este archivo en Windows 7, obtiene lo siguiente.

Página 1 de 3

Este único archivo contiene la misma imagen pero en diferentes tamaños. Lo anterior muestra la página 1 de 3.

La siguiente es la página 2 de 3 que muestra la misma imagen pero en un tamaño más pequeño.

página 2 de 3

Y que la página 3 de 3 una vez más en un tamaño más pequeño.

ingrese la descripción de la imagen aquí

Pero es un solo archivo. Mi pregunta es ¿cómo es esto posible y, lo que es más importante, cómo puedo hacerlo así? Un solo archivo que contiene la misma imagen con 3 tamaños diferentes.

Muestra dimensiones de 48px X 48px.

Dado que Adobe Photoshop no admite el formato ico de forma nativa, pero si usa este complemento de formato ICO , instálelo y abra el archivo en PS, le preguntará qué tamaño de imagen importar. Los tamaños son 16px X 16px, 32px X 32px y 48px X 48px.

Respuestas (3)

En cuanto a cómo es esto posible, según wikipedia: ( http://en.wikipedia.org/wiki/ICO_%28file_format%29 )

Un archivo ICO o CUR se compone de una estructura ICONDIR ("directorio de iconos"), que contiene una estructura ICONDIRENTRY para cada imagen del archivo [...]

(el subrayado es mío)

Header
ICONDIR structure
Offset#   Size (in bytes)     Purpose
0     2   Reserved. Must always be 0.
2     2   Specifies image type: 1 for icon (.ICO) image, 2 for cursor (.CUR) image. Other values are invalid.
4     2   Specifies number of images in the file.

Usando un editor hexadecimal, veo que los primeros 6 bytes del archivo, en fragmentos de 2 bytes son: 0000 0100 0300 (que, junto con la extensión ICO, indica que es un archivo ICO con 3 imágenes).

ah Excelente. Que mundo de Diseño Gráfico y ahora de ingeniería inversa. Increíble +1
Creo que encontrará que, en general, la MAYORÍA de los formatos de archivo son CONTENEDORES para otras cosas. A nivel esotérico, una imagen en color es realmente un contenedor para tres (RGB) o 4 (CMYK) imágenes en blanco y negro. Puede sorprenderte que el formato Office docx es realmente solo un contenedor de archivos ZIP con un montón de archivos. (cambie el nombre de un docx a zip y búsquelo usted mismo).
Tenga en cuenta que, con respecto al software ICO, existen editores ICO gratuitos, y podría considerar usar uno de esos, o al menos usar uno de ellos para compilar 3 imágenes PNG individuales en formato ICO.
Excelente. Finalmente aceptaré tu respuesta. Solo busco más explicaciones. Gracias. (Y ahí estaba yo pensando que diseñar es para gente que no sabe programar. LOL. Qué idiota soy)
Si bien codifico muchas cosas para mi propio uso, creo que cualquier persona con un título en informática que haya mirado mis cosas estaría de acuerdo contigo :)

Los archivos ICO son nativos de Windows y pueden incluir múltiples imágenes con diferentes resoluciones y profundidades de píxeles. Por lo general, están incrustados en una aplicación como un archivo de recursos. Se abrieron paso en la web en Internet Explorer 5 como " favicons ".

Si está en Windows, hay una herramienta muy buena llamada IcoFX para crear íconos de múltiples imágenes a partir de una sola imagen (o múltiples PNG). Lo he usado durante años para crear íconos de múltiples imágenes para aplicaciones de Windows. Si tiene una Mac, también puede echarle un vistazo a IconBuilder , que se ejecuta como un filtro de PhotoShop.

Con la proliferación de dispositivos exponencial, esto se está volviendo más común. Recientemente produje un archivo de favicon con 7 tamaños diferentes. No sé qué hizo el desarrollador para que todos funcionaran en las situaciones correctas. Trato de no lastimar mi cerebro con esas cosas.

¿Cómo lo produciste? ¿Qué herramienta?
Se basó principalmente en activos vectoriales, así que lo construí en Illustrator y exporté archivos png individuales. Se los envié al desarrollador y él lo configuró. Creo que también puedes editar/construir archivos ico en Gimp... ha pasado un tiempo. Y solía haber un complemento para P'shop producido por IconFactory para que el proceso fuera un poco menos doloroso.
Existen herramientas en línea gratuitas que pueden incrustar varios tamaños en un archivo de favicon. iconifier.net es uno de esos ejemplos donde puede incluir hasta siete tamaños diferentes desde 16x16 hasta 256x256 (haga clic en el engranaje para ver las opciones avanzadas).