Html5-boilerplate: ¿Hay alguna necesidad de los 6 íconos táctiles de Apple diferentes cuando solo uno funcionará?

Esto se explica aquí: http://mathiasbynens.be/notes/touch-icons

"La desventaja es que estos dispositivos cargarán la imagen grande de alta calidad, mientras que un archivo mucho más pequeño habría funcionado igual de bien".
Por lo tanto, solo si alguien hace clic en "Agregar a la pantalla de inicio", tendrá que cargar un png un poco más pesado (solo un par de kilobytes más grande) ... esto es perfectamente aceptable en lo que a mí respecta, y mucho mejor que creando 6 íconos de diferentes tamaños ... y especialmente mejor si está incluyendo el HTML en la página para cargar los seis.

Neil,
Si necesita una forma sencilla de crear estos iconos, ¿puedo sugerirle el repositorio de FavIcons de múltiples capas de H5BP ? Sé que es un complemento descarado, pero lo usé nuevamente hoy y terminé con las 7 imágenes, incluido el favicon de varias capas en menos de 10 minutos.

¡Espero eso ayude!

OK gracias. Pero sigo sin estar de acuerdo en que crear múltiples gráficos específicos para cada dispositivo individual sea el enfoque correcto (no es un enfoque muy 'receptivo'). Crear una imagen es aún más rápido / más fácil y más limpio, y no veo ningún problema con enviarla a dispositivos más antiguos cuando no agrega ningún peso a la carga de la página (solo se carga después de la 'solicitud' de agregar a la página de inicio pantalla) y solo estamos hablando de un par de k en la diferencia entre estas imágenes.

Si solo se descarga cuando se agrega a la pantalla de inicio, entonces puedo ver su punto. Personalmente, yo también sigo la ruta del icono único.

+1 para un enfoque de un solo icono (y un favicon.ico) sin enlaces html.

@mathiasbynens gracias por la explicación detallada de los íconos táctiles. Sin embargo, tuve que reírme cuando leí el resumen. No por sus sugerencias, sino por el motivo por el que odio las BS patentadas. Permítame resumir su resumen.

• Para ser totalmente compatible con Android, debe utilizar las etiquetas html patentadas de Apple.
• Si solo te importa iOS, entonces no necesitas usar las etiquetas html propietarias de Apple.
• El enfoque “perezoso” es hacer exactamente lo que hace apple.com.

Solo para recapitular, hay dos razones principales por las que tener muchos iconos táctiles diferentes es la mejor solución:

• Rendimiento / uso limitado del plan de datos: evite cargar imágenes innecesariamente grandes al agregarlas a la pantalla de inicio.
• Dirección de arte: en mi experiencia, a los diseñadores generalmente no les gusta depender del cambio de tamaño automático, y más bien proporcionan los íconos en las dimensiones adecuadas.

Dicho esto, soy vago y también uso la solución de un solo icono. Pero eso no significa que deba ser la solución ideal en mi humilde opinión.

@ryanswedal : D

Si los enlaces HTML están incluidos en la página, ¿alguien sabe si se les llama al cargar la página? Si es así, ese es un argumento aún mayor para el enfoque de un solo icono ... y para no incluir el enlace HTML.

Cuando investigué esto, IIRC mis pruebas confirmaron que los íconos táctiles no se solicitaron al cargar la página, ni siquiera con <link> .

Bueno saber. ¡Gracias!

Sí, +1 para el enfoque de icono único. Los íconos táctiles no se autodocumentan, por lo que tener 6 en la raíz sin la capacidad de documentar una herramienta para sincronizarlos es complicado y requiere mucho mantenimiento.

Estoy de acuerdo con el problema de la mantenibilidad si tiene todos los íconos en la raíz. Realmente no veo una buena solución, pero agregar las etiquetas <link> (los enlaces simbólicos no resuelven ese problema).

Pero no creo que debamos inflar el marcado del index.html con estas etiquetas en este momento. Mobile Boilerplate hace esto aunque.
De todos modos, estoy bastante seguro de que es fácil descubrir cómo mover los iconos a otra carpeta. Incluso tenemos una pequeña sección sobre este tema en nuestros documentos .

A partir de iOS 7, el tamaño de icono táctil recomendado para iPhones con pantalla Retina aumentó de 114 × 114 píxeles a 120 × 120 píxeles. Mi publicación se ha actualizado para reflejar eso.

¿Podemos encontrar una solución aquí? ¿Queremos dejarlo como está o pasar al enfoque de un icono?

Bueno, mi voto ciertamente sería por el enfoque de un solo ícono

El miércoles 24 de julio de 2013, Hans Christian Reinl escribió:

¿Podemos encontrar una solución aquí? ¿Queremos dejarlo como está o pasar al
enfoque de un icono?

-
Responda a este correo electrónico directamente o véalo en Gi
.

Neil Creagh

Enviado desde el móvil: 087 2174891

http://www.fuel.ie

Cuanto menos, más simple, mejor. Si solo uno es suficiente y funciona, ¿por qué no lo haríamos?

+1 por uno!

También me gustaría tomar una forma simple y receptiva, pero para los íconos solía haber una excepción: los íconos en diferentes escalas pueden requerir un rediseño para que sean claros en ese tamaño.

Si tiene un ícono complejo de, digamos 120x120 y desea usarlo en 32x32, puede volverse irreconocible. Escalar un icono pequeño a uno mucho más grande no es un problema con el formato vectorial, pero el diseñador puede querer agregar más detalles.

http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077#module -67936509

Desplácese hacia abajo en varias páginas desde el enlace de arriba para ver íconos en 32x32 y 16x16 ... tal vez no esté tan cerca de este tema, pero creo que eso es lo que debería considerarse cuando se habla de íconos en varios tamaños.

En mi opinión, en la mayoría de situaciones, un icono es suficiente. Proporcionar un solo ícono H5BP grande con una nota en los documentos sobre la creación de íconos más pequeños para optimizar la claridad y el tamaño del archivo sería una buena solución.

Dicho esto, H5BP es semi-obstinado, por lo que todo lo que se considere el método "correcto", independientemente de la simplicidad, debe estar en el repositorio.

Hice una solicitud de extracción que elimina cinco de los seis íconos táctiles de Apple en el n. ° 1425.
Comentarios muy apreciados.

Mantenga la discusión principal dentro de este tema.

+1

: +1:

+1

¿Está bien si admito que nunca supe por qué había seis en primer lugar y estoy feliz de que haya uno para no sentirme perezoso sin saber el "por qué"?

La perfección se logra, no cuando no hay nada más que agregar, sino cuando no queda nada para quitar.
- Antoine de Saint-Exupéry

: +1:

No tuve tiempo de acortarlo.
- Blaise Pascal
:Pulgares hacia arriba:

He estado corriendo por un tiempo con solo una imagen. Una desventaja es que muchos navegadores móviles solicitarán los otros archivos. No es necesario hacer referencia a ellos con una etiqueta de enlace en el HTML, pero he vuelto a incluir archivos de directorio raíz para todos los tamaños en normal y precompuesto solo para evitar que mi registro esté lleno de errores 404 para esas solicitudes.

https://gist.github.com/davidhund/332316f82440ef4377f3 por @davidhund