Cómo crear un favicon
Un favicon es el pequeño icono que aparece en las pestañas del navegador y los marcadores. Un buen favicon ayuda a que tu marca destaque y hace que tu sitio se vea profesional. Aquí te mostramos cómo crear uno a partir de una imagen, elegir el tamaño correcto y añadirlo a tu sitio.
Empieza con una imagen cuadrada, idealmente de 512×512 px, con fondo transparente para un icono limpio.
Abre un generador de favicons como Pixcutly y sube tu imagen.
Previsualiza el icono en distintos tamaños: 16×16, 32×32, 48×48, para asegurarte de que siga siendo legible.
Descarga el conjunto de favicons como archivos ICO y PNG.
Sube los archivos al directorio raíz de tu sitio.
Añade las etiquetas de enlace en el <head> de tu HTML para indicar tu favicon a los navegadores.
Consejo profesional
Mantén el diseño simple y rotundo. Lo que se ve bien a 512 px suele convertirse en una mancha borrosa a 16 px, así que prueba primero en el tamaño más pequeño.
Preguntas frecuentes
Una base común es de 16×16 px para pestañas del navegador y de 32×32 px para marcadores y barras de tareas. Una fuente mayor de 512×512 también ayuda a los iconos táctiles de Apple.
ICO es el formato heredado que requieren los navegadores antiguos y Windows. PNG es el estándar moderno, ampliamente compatible y escalable para pantallas de alta densidad.
Sube los archivos de favicon a la raíz de tu sitio y añade las etiquetas <link rel="icon"> y <link rel="apple-touch-icon"> dentro del <head> de tu HTML.
¿Necesitas un favicon ahora?
El generador de favicons de Pixcutly convierte cualquier imagen en un conjunto completo ICO y PNG en segundos.