Generador de favicon
Sube un logotipo cuadrado, ajusta el relleno, el radio de las esquinas y el fondo, previsualiza cada tamaño y descarga un ZIP con todos los archivos y las etiquetas link para el head de tu página.
Elige una imagen para generar todos los tamaños de favicon.
Sobre esta herramienta
Navegadores, móviles y sistemas operativos piden iconos en sus propios tamaños: el clásico favicon.ico para navegadores antiguos y marcadores, PNG de 16 y 32 px para las pestañas, un apple-touch-icon de 180 px para la pantalla de inicio de iOS e iconos de 192 y 512 px para Android y aplicaciones web progresivas. Este generador los crea todos desde una sola fuente con alta calidad, para que los tamaños pequeños se vean nítidos en lugar de reducidos por el navegador.
El archivo ICO agrupa las versiones de 16, 32 y 48 px con compresión PNG, que todos los navegadores modernos entienden. El relleno evita que el logotipo toque los bordes, el radio de esquina da el aspecto redondeado que prefieren Android y macOS, y un fondo sólido evita que los iconos transparentes desaparezcan en pestañas oscuras. Los archivos se generan en tu navegador y nunca se suben.
Preguntas frecuentes
- ¿Qué imagen de origen debo usar?
- Un PNG o SVG cuadrado de al menos 512 px con una forma sencilla. Los detalles finos desaparecen a 16 px, así que los logotipos contundentes funcionan mejor.
- ¿Sigo necesitando favicon.ico?
- Es el respaldo más seguro: los navegadores piden /favicon.ico automáticamente y algunas herramientas solo leen ese archivo. El ZIP lo incluye junto a los PNG.
- ¿Dónde van los archivos?
- Súbelos a la raíz de tu sitio y pega el fragmento HTML en el head de tus páginas. Edita site.webmanifest para añadir el nombre de tu aplicación.
- ¿Se conserva el fondo transparente?
- Sí, cuando está seleccionado Transparente. Elige un color si el icono debe verse igual en pestañas claras y oscuras.