Un ícono táctil de Apple y un favicon están relacionados, pero no son el mismo archivo que cumple el mismo propósito. Un favicon generalmente está asociado con pestañas del navegador, marcadores y el navegador Chrome familiar. Un ícono táctil de Apple está destinado a superficies de acceso directo de dispositivos Apple, donde el sitio puede parecerse más al ícono de una aplicación.
La confusión es comprensible porque ambos archivos parten de la misma marca en muchos proyectos. La obra de arte original puede ser una imagen cuadrada, pero el paquete debe servir para diferentes superficies. Es por eso que un flujo de trabajo de favicon moderno no debe detenerse en un solo archivo favicon.ico.
Qué hace un favicon
Un favicon es el pequeño marcador visual que los usuarios ven en las pestañas, marcadores, historial e interfaces relacionadas del navegador. Ayuda a los usuarios a reconocer el sitio rápidamente cuando hay varias pestañas abiertas.
El archivo clásico es favicon.ico, aunque muchas configuraciones modernas también incluyen archivos de iconos PNG. Para lanzamientos de sitios de rutina, mantener favicon.ico en el paquete sigue siendo práctico porque cubre expectativas familiares y rutas de compatibilidad.
Qué hace un ícono táctil de Apple
Se utiliza un ícono táctil de Apple cuando un sitio se guarda en las superficies de los dispositivos Apple, como los accesos directos de la pantalla de inicio. No es sólo un pequeño marcador de pestañas. Debe funcionar como un ícono en un contexto más parecido a una aplicación.
Eso cambia la presión de diseño. El icono de una pestaña del navegador puede ser extremadamente pequeño. Un ícono táctil puede parecer más grande, pero también debe sentirse limpio, centrado y reconocible como una marca independiente. La misma obra de arte original puede funcionar para ambos si es simple y cuadrada, pero los resultados aún deben empaquetarse correctamente.
Por qué los sitios modernos a menudo necesitan ambos
Si su sitio solo tiene un favicon, la experiencia del navegador de escritorio puede verse bien, mientras que las superficies de los accesos directos móviles parecen incompletas o inconsistentes. Si su paquete solo se centra en íconos táctiles, es posible que aún pierda la ruta de pestaña tradicional del navegador.
Para el lanzamiento de un SaaS, un sitio de documentación, un micrositio de producto o una pequeña aplicación web, la respuesta práctica suele ser ambas. Quiere un paquete que cubra pestañas del navegador y accesos directos similares a aplicaciones sin pedirle a alguien que exporte manualmente cada variante de ícono.
Aquí es donde encaja el Favicon/Generador de iconos de aplicaciones. Genera favicon.ico, íconos PNG, íconos táctiles de Apple, íconos listos para Android y un site.webmanifest inicial a partir de una imagen fuente cuadrada.
La obra de arte fuente es la restricción compartida
El factor de calidad más importante es la imagen de origen. La misma marca tiene que sobrevivir en múltiples superficies y tamaños. Las ilustraciones detalladas, el texto pequeño y las ilustraciones de borde a borde suelen tener un rendimiento deficiente. Es más probable que una forma simple con suficiente relleno siga siendo reconocible.
Converty incluye una opción circular para las salidas del navegador y de Android, mientras que los íconos táctiles de Apple permanecen cuadrados. Eso importa cuando la marca de su marca funciona mejor dentro de un marco circular pero aún desea que las superficies de Apple mantengan el tratamiento cuadrado esperado.
La decisión práctica
Utilice un favicon cuando necesite el reconocimiento del navegador. Utilice un icono táctil de Apple cuando le interesen las superficies de acceso directo de Apple. Utilice un paquete completo cuando desee que el sitio parezca terminado en ambos.
Para obtener una lista de verificación de archivos más detallada, lea ¿Qué archivos necesita en un paquete Favicon?. Cuando esté listo para exportar los recursos, abra el Favicon / App Icon Generator, cargue una imagen de origen cuadrada, revise el paquete y descargue el ZIP.
