Generador de favicon
Crea un paquete de favicon completo (ICO, PNG, Apple touch icon, iconos Android y manifest) a partir de cualquier imagen.
Cómo usar Generador de favicon
- 1
Selecciona una imagen cuadrada o rectangular (un logotipo funciona mejor).
- 2
Elige cómo encajarla en un cuadrado y escoge un color de fondo.
- 3
Pulsa Generar paquete de favicon y descarga el ZIP con todos los iconos y el código HTML.
Acerca de Generador de favicon
El favicon es el pequeño icono que aparece en las pestañas del navegador, marcadores, resultados de búsqueda y pantallas de inicio del móvil. Generador de favicon convierte tu logotipo en todos los tamaños que necesitan los navegadores y dispositivos modernos, en un ZIP listo para subir a tu web.
El paquete incluye un favicon.ico multitamaño (16, 32 y 48 px), favicons PNG, un Apple touch icon de 180 px, iconos Android de 192 y 512 px y un site.webmanifest, además de las etiquetas HTML exactas para pegar en el head de tu página. Elige si ajustar el logotipo completo o rellenar el cuadrado, añade margen y escoge un color de fondo.
Tu imagen se dibuja en un cuadrado para cada tamaño necesario con un escalado de alta calidad y se guarda como PNG. El archivo favicon.ico se construye en tu navegador con tres tamaños PNG incrustados, el formato compatible con todos los navegadores modernos y Windows. El Apple touch icon siempre lleva fondo sólido, porque iOS muestra los iconos transparentes sobre negro. El ZIP incluye además un manifest para que Android use tu icono al añadir la web a la pantalla de inicio.
Para qué puedes usarla
- Añadir un favicon a una web, blog o tienda online nueva.
- Sustituir un favicon borroso o ausente en WordPress, Shopify o Wix.
- Crear iconos de pantalla de inicio para una aplicación web (PWA).
- Mostrar tu logotipo junto a tu web en los resultados de Google.
- Dar identidad a herramientas internas y paneles.
Características
- favicon.ico multitamaño real e iconos PNG, Apple y Android.
- site.webmanifest y fragmento HTML listo para copiar.
- Modos ajustar o rellenar con margen configurable.
- Fondo transparente o sólido.
- Se genera en tu navegador: tu logotipo nunca se sube.
Consejos para obtener el mejor resultado
- Mantén un diseño sencillo: los detalles finos desaparecen a 16 × 16 píxeles.
- Añade algo de margen si tu logotipo toca los bordes de la imagen.
- Vacía la caché del navegador para ver el favicon nuevo, ya que los navegadores lo guardan mucho tiempo.
Preguntas frecuentes
¿Qué imagen debo usar?
Un logotipo sencillo y contundente de al menos 512 × 512 píxeles da los resultados más nítidos en tamaños pequeños. Un PNG o SVG con fondo transparente es ideal.
¿Dónde pongo los archivos?
Súbelos a la carpeta raíz de tu web y pega el fragmento HTML dentro del <head> de tus páginas.
¿Por qué Google aún no muestra mi favicon?
Google actualiza los favicons cuando vuelve a rastrear tu página de inicio, lo que puede tardar de días a semanas.
¿Funciona con WordPress?
Sí. En WordPress ve a Apariencia → Personalizar → Identidad del sitio y sube el PNG de 512 px como icono del sitio.
¿Se sube mi imagen?
No. Esta herramienta funciona por completo en tu navegador, así que tus datos nunca salen de tu dispositivo.