Generador de favicon
Sube tu logotipo para crear favicons en 8 tamaños, desde 16 px hasta el icono táctil de Apple de 180 px y el icono de app de 512 px, además de las etiquetas HTML.
Tu logotipo
Tus archivos se crean en tu navegador. No se sube nada.
HTML para el head de tu sitio
Archivos de favicon
Cómo usar el generador de favicons
Sube tu logotipo, idealmente un PNG cuadrado de 512 × 512 px o más con fondo transparente. La herramienta crea ocho tamaños de favicon y las etiquetas HTML que apuntan a ellos. Descarga los archivos, súbelos a la carpeta raíz de tu sitio y pega las etiquetas en el head de tus páginas. Si tu logotipo no es cuadrado, elige si quieres ajustarlo dentro del cuadrado o rellenarlo y recortarlo.
Por qué necesitas más de un archivo
Un conjunto de favicons moderno no es un solo archivo. Las pestañas del navegador, los marcadores, las pantallas de inicio del iPhone, Android y las aplicaciones web instalables buscan tamaños distintos. Sin el Apple touch icon, por ejemplo, tu sitio muestra un recuadro vacío o genérico cuando alguien lo guarda en la pantalla de inicio de un iPhone.
Usos habituales
- Lanzar un sitio web nuevo
- Actualizar los iconos tras una renovación de marca
- Crear iconos de aplicación para una aplicación web progresiva
- Entregar a un desarrollador un conjunto de iconos listo
¿Y el favicon.ico?
Los navegadores actuales manejan bien los favicons en PNG, así que esta herramienta solo crea archivos PNG. Si necesitas dar soporte a navegadores muy antiguos, puedes convertir el archivo de 32 × 32 a .ico con otra herramienta.
Preguntas frecuentes
¿Dónde subo los archivos?
Colócalos en la carpeta raíz de tu sitio, para que se carguen desde direcciones como yoursite.com/favicon-32x32.png. Las etiquetas HTML dan por hecho esa ubicación.
¿Necesito los ocho tamaños?
Como mínimo, usa 16 × 16, 32 × 32 y el Apple touch icon de 180 × 180. Añade los tamaños de 192 y 512 si quieres que tu sitio se pueda instalar como aplicación web.
¿Cómo consigo un favicon transparente?
Sube un PNG que ya tenga el fondo transparente. La herramienta mantiene la transparencia en todos los tamaños.