Generador de favicon
Desde una imagen, un texto o un emoji: te damos el favicon.ico, todos los PNG, los iconos de Apple y Android y el código para pegar en tu web.
Código para pegar en el <head> de tu web
100 % privado: tu logo se procesa en tu navegador y no se sube a ningún servidor. El ZIP se crea en tu propio equipo.
Imágenes de hasta 20 MB. El favicon.svg vectorial se incluye en los modos de texto y emoji; los emojis se ven con el estilo de cada sistema (Apple, Google, Windows).
Qué es un favicon y qué archivos necesitas
El favicon es el pequeño icono que aparece en la pestaña del navegador, en los marcadores, en el historial y, cada vez más, junto a tu web en los resultados de Google. Un favicon propio hace que tu web se reconozca de un vistazo entre decenas de pestañas y transmite profesionalidad.
Qué incluye el ZIP
- favicon.ico (16, 32 y 48 px en un solo archivo): el formato clásico que buscan los navegadores y los buscadores en la raíz de tu web.
- favicon-16x16.png y favicon-32x32.png: para pestañas y barras de marcadores en pantallas normales y de alta resolución.
- apple-touch-icon.png (180 px): el icono que aparece al añadir tu web a la pantalla de inicio de un iPhone o iPad. Siempre lleva fondo sólido, porque iOS no admite transparencia.
- android-chrome-192x192.png y 512x512.png + site.webmanifest: para Android y para instalar tu web como aplicación.
- favicon.svg (en texto y emoji): vectorial, nítido en cualquier pantalla.
Cómo instalarlo paso a paso
Descomprime el ZIP y sube todos los archivos a la carpeta raíz de tu web (en Hostinger, public_html). Luego copia el bloque de código de la herramienta y pégalo dentro de <head> en todas tus páginas. En WordPress, ve a Apariencia → Personalizar → Identidad del sitio y sube el PNG de 512 px.
Consejos de diseño
A 16 píxeles los detalles desaparecen: usa una forma simple, una o dos letras o el símbolo de tu logo, no el logo completo con texto. Elige colores con buen contraste y comprueba en la vista previa cómo se ve tanto en pestañas claras como oscuras.
Preguntas frecuentes
¿Qué archivos de favicon necesita mi web?
Con favicon.ico (para navegadores y buscadores), un PNG de 32×32, el icono de Apple de 180×180 y los de Android de 192 y 512 junto al site.webmanifest cubres todos los navegadores y móviles actuales. El ZIP de esta herramienta incluye todos.
¿Cómo instalo el favicon en mi web?
Descomprime el ZIP y sube todos los archivos a la carpeta raíz de tu web (en Hostinger, public_html). Después pega el bloque de código que te mostramos dentro de la etiqueta <head> de tu página. En WordPress puedes usar Apariencia → Personalizar → Identidad del sitio con el PNG de 512.
¿Qué tamaño debe tener la imagen original?
Lo ideal es una imagen cuadrada de al menos 512×512 píxeles, con fondo transparente si quieres que se adapte al color de las pestañas. Si no es cuadrada, puedes encajarla con márgenes o recortar el centro.
¿Por qué no se ve mi nuevo favicon?
Los navegadores guardan el favicon en caché durante mucho tiempo. Abre tu web en una ventana privada, fuerza la recarga (Ctrl+F5 o Cmd+Shift+R) o visita directamente tudominio.com/favicon.ico. Google puede tardar días o semanas en actualizarlo en los resultados de búsqueda.
¿Se suben mis imágenes a algún servidor?
No. Todo el proceso ocurre en tu navegador: tu logo no sale de tu dispositivo y el ZIP se crea en tu propio equipo.
¿Sirve un favicon con emoji o letras?
Sí, y es muy popular en proyectos personales, blogs y herramientas internas. Además, en esos modos generamos también un favicon.svg vectorial que se ve nítido en cualquier pantalla.