Un paquete de favicon es fácil de subestimar. Mucha gente lo considera una pequeña imagen en una pestaña del navegador, pero un sitio moderno normalmente necesita un pequeño conjunto de recursos relacionados. El icono de la pestaña del navegador es solo una superficie. Los accesos directos móviles, los íconos de Android, los íconos táctiles de Apple y las referencias de manifiesto pueden necesitar sus propios archivos.
El objetivo práctico no es recopilar todas las variantes de iconos posibles. El objetivo es ofrecer un paquete enfocado que cubra navegadores comunes y superficies similares a aplicaciones sin convertir la preparación del lanzamiento en un trabajo de exportación manual. El Favicon / App Icon Generator en Converty se basa en ese trabajo: comience desde una imagen cuadrada y descargue un paquete con los archivos comunes juntos.
El archivo principal sigue siendo favicon.ico
favicon.ico sigue siendo el archivo favicon más familiar. Es el activo que la gente espera ver asociado con las pestañas del navegador, los marcadores y las convenciones de favicon más antiguas.
Incluso cuando un sitio también incluye íconos PNG y un manifiesto web, favicon.ico sigue siendo útil porque cubre una ruta tradicional que muchos navegadores y herramientas entienden. Para un sitio simple, suele ser el primer archivo que alguien revisa cuando el ícono de pestaña no se ve bien.
Los iconos PNG cubren superficies modernas
Los paquetes de iconos modernos suelen incluir archivos PNG en varios tamaños. Diferentes navegadores, accesos directos y contextos de visualización pueden utilizar diferentes dimensiones. Exportar solo un tamaño puede hacer que el navegador o el dispositivo escale la imagen, lo que puede hacer que los iconos pequeños parezcan suaves o abarrotados.
Por eso es importante la obra de arte original. Una imagen cuadrada, simple y legible produce mejores resultados en todo el paquete que un gráfico detallado comprimido en varios tamaños. Converty no puede convertir un logotipo complejo en una pequeña marca perfecta, pero puede eliminar el trabajo de exportación repetitivo una vez que tenga una fuente adecuada.
Los íconos táctiles de Apple y los íconos de Android sirven para diferentes superficies
Los iconos táctiles de Apple se utilizan para las superficies de acceso directo de los dispositivos Apple. Los íconos listos para Android admiten casos de uso de accesos directos e instalaciones relacionadas en superficies orientadas a Android.
Esos archivos son fáciles de olvidar porque no siempre son visibles durante una comprobación normal del navegador de escritorio. El sitio puede verse bien en una pestaña y al mismo tiempo perder recursos importantes después de que alguien lo guarda en la pantalla de inicio de un dispositivo. Un paquete completo hace que eso sea menos probable.
Si está decidiendo si un ícono táctil de Apple está separado de un favicon, lea Apple Touch Icon vs Favicon: ¿Qué debe incluir un sitio moderno?.
El manifiesto une superficies similares a aplicaciones
Un site.webmanifest inicial le brinda a una aplicación web o sitio un lugar para describir íconos y metadatos de visualización relacionados. No reemplaza los archivos de íconos en sí. Los señala para que las superficies compatibles puedan comprender qué activos están disponibles.
Es por eso que Converty incluye un manifiesto inicial en el paquete. El archivo generado le brinda un punto de partida práctico, pero aún necesita colocar los recursos en su proyecto y hacer referencia a ellos desde la configuración de su sitio.
Una práctica lista de verificación del paquete de favicon
Un paquete de favicon enfocado normalmente debería incluir:
favicon.ico- múltiples tamaños de iconos PNG
- Salida del icono táctil de Apple
- Salida de íconos listos para Android
- un titular
site.webmanifest
Esto es suficiente para muchos sitios pequeños, lanzamientos de SaaS, páginas de marketing y proyectos de documentación. Las configuraciones más especializadas pueden necesitar recursos adicionales específicos de la plataforma, pero el paquete común elimina el trabajo rutinario.
Abra el Generador de iconos de aplicaciones/Favicon cuando tenga una imagen de origen cuadrada y necesite los archivos del paquete de favicon comunes incluidos en una exportación. Para conocer el flujo de trabajo más amplio, lea Cómo generar un paquete de Favicon completo a partir de una imagen.
