Tamaños de favicon: ICO, Apple e iconos PWA
Descubre para qué sirve cada tamaño y qué archivos incluye el paquete de favicon de ConvertRS.
Generar todos los tamaños La herramienta procesa tus archivos localmente; no se suben.Tamaños de favicon: ICO, Apple e iconos PWA cubre superficies distintas del navegador y del dispositivo. Un paquete útil combina un ICO multitamaño con archivos PNG y un manifiesto, en lugar de esperar que un solo archivo sirva para todo.
ICO y tamaños para la pestaña
El favicon.ico clásico sigue siendo un archivo práctico de compatibilidad. ConvertRS incluye imágenes PNG de 16 × 16, 32 × 32 y 48 × 48 dentro del ICO. El paquete también contiene PNG separados de 16 × 16 y 32 × 32 para los enlaces HTML explícitos.
En estos tamaños importa más reconocer la forma que conservar cada detalle. Una silueta clara y buen contraste suelen resistir mejor la reducción que las palabras pequeñas.
Apple Touch Icon
El archivo apple-touch-icon.png de 180 × 180 está pensado para la pantalla de inicio de Apple y superficies relacionadas. Se separa del icono de pestaña porque el contexto y la resolución son distintos.
El generador ajusta la misma imagen al lienzo de Apple. Deja suficiente espacio alrededor de la marca para que no parezca apretada.
Iconos PWA y Android
El manifiesto generado referencia iconos PNG de 192 × 192 y 512 × 512. Los usan navegadores compatibles y experiencias web instaladas. Los valores sizes y type ayudan al navegador a elegir el recurso adecuado.
ConvertRS crea los archivos y el manifiesto, pero no los instala en una web. Debes copiar los archivos y enlazar el manifiesto desde el encabezado.
Qué archivos debes publicar
Publica el ICO, los dos PNG de navegador, el icono Apple, los dos iconos Android y site.webmanifest. Añade las etiquetas HTML suministradas sin cambiar nombres, salvo que también actualices los enlaces.
Si partes de un logotipo, consulta cómo crear un favicon desde PNG antes de generar el conjunto.