¿Qué es un favicon?
Un favicon, abreviación de favorite icon, es el pequeño icono mostrado en las abas del navegador, en los marcadores y en las pantallas iniciales de dispositivos móviles para representar su sitio web. Los navegadores y dispositivos modernos esperan varios tamaños, desde 16x16 píxeles para abas hasta 512x512 para pantallas de apertura de PWAs. Esta herramienta genera todos los tamaños comunes a partir de una sola imagen de origen, además del código HTML y del web manifest necesario.
Cómo generar favicons
- 1Sube una imagen de origen en PNG, JPG o SVG. Imágenes cuadradas producen los mejores resultados.
- 2Ajusta el color de fondo, el espaciado interno y el radio del borde para personalizar la salida.
- 3Visualice todos los tamaños generados, de 16x16 a 512x512.
- 4Descarga tamaños individuales o haga clic en Descargar All para obtener todos los favicons de una sola vez.
- 5Use Copiar para copiar los snippets de HTML y manifest para su proyecto.
Casos de uso comunes
Identidad visual de sitios
Cree favicons consistentes para abas del navegador, marcadores y previas de enlaces.
Iconos de PWA
Genera los iconos de 192x192 y 512x512 exigidos por manifests de Progressive Web Apps.
Apple Touch Icons
Crea el icono de 180x180 para accesos rápidos en la pantalla inicial de iOS.
Preguntas frecuentes
¿Qué formato de imagen debo enviar?
PNG o SVG ofrece los resultados más nítidos. JPG también funciona, pero puede introducir artefactos de compresión en tamaños pequeños.
¿La herramienta genera archivos.ico?
La herramienta genera favicons en PNG, el estándar moderno aceptado por la mayoría de los navegadores. Para el formato legado.ico, puede convertir la salida PNG de 32x32.
¿De qué tamaños realmente necesito?
Al menos 16x16 y 32x32 para la base del navegador, 180x180 para Apple Touch Icon y 192x192 más 512x512 para el manifest de la PWA.
¿Se procesa la imagen enviada localmente?
Sí. La imagen y los favicons se procesan localmente en el navegador, sin enviar a un servidor.