Saltar al contenido principal

Cómo preparar favicons e íconos de aplicaciones para un lanzamiento de SaaS

Por Converty Team

Aprenda a preparar favicons e íconos de aplicaciones para un lanzamiento de SaaS a partir de una imagen de fuente limpia sin confundir el diseño de marca con el trabajo de empaque.

Cómo preparar favicons e íconos de aplicaciones para un lanzamiento de SaaS

El lanzamiento de un SaaS suele tener una marca y muchos lugares que la necesitan. El sitio de marketing necesita un icono de pestaña. Es posible que el shell de la aplicación necesite íconos de acceso directo. Es posible que el sitio público necesite íconos táctiles de Apple, íconos listos para Android y un manifiesto de inicio. El lanzamiento puede parecer inacabado si esos pequeños activos van a la zaga del resto del trabajo de la marca.

No es lo mismo preparar favicons e íconos de aplicaciones que diseñar la marca. Es un trabajo de embalaje. Una vez que se aprueba el material gráfico original, el trabajo práctico es convertirlo en los archivos comunes que el sitio o la aplicación necesita. El Favicon / App Icon Generator de Converty maneja ese paquete a partir de una imagen de origen cuadrada.

Comience con una imagen de origen que pueda sobrevivir en tamaños pequeños

La mejor imagen fuente es cuadrada, simple y legible cuando se reduce. Las marcas SaaS a menudo incluyen detalles finos, marcas denominativas o formas complejas que se ven bien en una sección principal pero fallan en una pestaña del navegador.

Antes de generar el paquete revisar la marca en tamaños pequeños. Si depende de texto pequeño o líneas finas, simplifique la fuente. El generador puede exportar los archivos, pero no puede hacer que una marca abarrotada sea legible en todas las superficies.

Generar el paquete común juntos

El paquete práctico de lanzamiento de SaaS normalmente debería incluir:

  • favicon.ico
  • Tamaños de iconos PNG
  • Salida del icono táctil de Apple
  • Salida de íconos listos para Android
  • un titular site.webmanifest

Converty agrupa estos resultados para que el equipo de lanzamiento no tenga que exportarlos y recopilarlos manualmente uno por uno. Cargue la fuente, agregue la aplicación o el nombre del sitio cuando sea relevante, elija si las salidas circulares del navegador y de Android tienen sentido y luego descargue el ZIP.

Coloque los archivos en el proyecto real.

El ZIP generado es el paquete de activos, no la implementación en sí. Después de la descarga, los archivos aún deben colocarse en el área de recursos públicos del sitio o aplicación y hacer referencia a ellos en la configuración del proyecto.

Esa separación importa. Converty reduce el trabajo de exportación, pero no reemplaza su marco, configuración de alojamiento ni verificación final de integración.

Para obtener una lista de verificación más detallada de los miembros del paquete, lea ¿Qué archivos necesita en un paquete Favicon?. Para obtener orientación específica del manifiesto, lea Cómo crear un site.webmanifest para una aplicación web simple.

Abra el Generador de iconos de aplicaciones/Favicon cuando el lanzamiento de SaaS haya aprobado el diseño cuadrado y necesite que el paquete de iconos del navegador y de la aplicación se prepare rápidamente.

También te puede interesar