Guías
Guías de favicon paso a paso para cada tamaño, formato y plataforma — con herramientas gratuitas para generar e instalar tus iconos.
Primeros pasos
Crea, convierte y previsualiza favicons desde cualquier imagen de origen.
Convertir PNG a favicon
Convierte cualquier PNG en un favicon.ico multiresolución en segundos. Gratis, en el navegador, sin registro.
LeerCómo crear un favicon
Crea un favicon profesional desde cualquier imagen en menos de un minuto. Cubre .ico, PNG, SVG y apple-touch-icon.
LeerGenerador de favicon transparente
Genera un favicon que conserva el fondo transparente. Funciona en modo oscuro y en cualquier tema del navegador.
LeerHerramienta de vista previa de favicon
Previsualiza tu favicon en cada tamaño y en los temas de navegador más comunes antes de publicarlo.
LeerGenerador de iconos de aplicación
Genera todos los tamaños de icono que necesitas para iOS, Android, Windows y macOS desde una sola imagen.
Leer
Tamaños de favicon
Cada resolución estándar — desde pestañas de 16×16 hasta iconos PWA de 512×512.
Generador de favicon 16×16
Crea un favicon nítido de 16×16 en segundos. Generador gratuito, sin registro, todo el procesamiento en tu navegador.
LeerGenerador de favicon 32×32
Crea un favicon nítido de 32×32 en segundos. Generador gratuito, sin registro, todo el procesamiento en tu navegador.
LeerGenerador de favicon 48×48
Crea un favicon nítido de 48×48 en segundos. Generador gratuito, sin registro, todo el procesamiento en tu navegador.
LeerGenerador de favicon 64×64
Crea un favicon nítido de 64×64 en segundos. Generador gratuito, sin registro, todo el procesamiento en tu navegador.
LeerGenerador de favicon 128×128
Crea un favicon nítido de 128×128 en segundos. Generador gratuito, sin registro, todo el procesamiento en tu navegador.
LeerGenerador de favicon 256×256
Crea un favicon nítido de 256×256 en segundos. Generador gratuito, sin registro, todo el procesamiento en tu navegador.
LeerTamaños de favicon explicados
Entiende los tamaños 16, 32, 48, 64, 128, 180, 192 y 512 px: dónde se usa cada uno y cuáles publicar.
LeerMejor tamaño de favicon en 2026
¿Qué tamaño de favicon debes generar? Desglose práctico de 16, 32, 48, 180, 192 y 512 px y dónde se usa cada uno.
Leer
Comparación de formatos
ICO vs PNG vs SVG — cuándo usar cada uno y cómo combinarlos.
El mejor formato de favicon en 2026
¿Qué formato de favicon debes usar? Compara ICO, PNG y SVG en compatibilidad, tamaño de archivo y nitidez.
LeerFavicon (.ico) vs PNG
Comparación lado a lado de favicons .ico y PNG: soporte multiresolución, tamaño de archivo, compatibilidad y modo oscuro.
LeerFavicon (.ico) vs SVG
Compara favicons .ico y SVG: compatibilidad, modo oscuro, tamaño de archivo y escalabilidad.
LeerICO vs PNG
Comparación detallada de ICO y PNG para iconos, favicons y accesos directos de Windows. Casos de uso, tamaño y compatibilidad.
Leer
Plataformas y frameworks
Añade un favicon a WordPress, Shopify, React, Next.js y más.
Favicon para WordPress
Guía paso a paso para añadir un favicon a cualquier sitio WordPress — por el Personalizador, el tema o un plugin. Sin código.
LeerFavicon para Shopify
Añade un favicon personalizado a tu tienda Shopify en minutos — desde el editor de temas, sin desarrollador.
LeerFavicon para React
Añade un favicon a cualquier app React con Vite o Create React App. Configuración multiresolución y favicon SVG en modo oscuro.
LeerFavicon para Next.js
Añade un favicon a un proyecto Next.js 14+ App Router. Convención por archivos y configuración multiresolución.
LeerFavicon para Webflow
Sube un favicon a cualquier sitio Webflow desde la configuración del proyecto. Tamaños, formatos y consejos de caché.
LeerFavicon para Wix
Añade o cambia el favicon de tu sitio Wix desde el panel. Tamaños y formatos recomendados para sitios Wix.
Leer
HTML y PWA
Etiquetas link, apple-touch-icon y configuración del web app manifest.
Guía de apple-touch-icon
Crea y enlaza apple-touch-icon.png para iPhone e iPad. Tamaño, formato, etiqueta HTML y caché.
LeerGuía del web app manifest
Escribe un web app manifest con iconos de 192×192 y 512×512, color de tema y metadatos de instalación para Android y Chromium.
LeerGenerador HTML de favicon
Genera las etiquetas <link> exactas para tu <head> y una configuración de favicon perfecta en todos los navegadores.
LeerCómo añadir un favicon en HTML
Las etiquetas <link> exactas para tu <head> con una configuración de favicon perfecta, PWA y apple-touch-icon incluidos.
Leer
Iconos de Windows
Archivos .ico multiresolución para accesos directos, Explorador e instaladores.
Utilidades de imagen
Redimensiona, optimiza e inspecciona imágenes antes de publicar tus iconos.
Redimensionador de iconos para redes sociales
Redimensiona tu logo al tamaño exacto de foto de perfil para Twitter/X, Facebook, Instagram, LinkedIn, YouTube y más.
LeerComprobador de dimensiones de imagen
Comprueba al instante las dimensiones, DPI, perfil de color y relación de aspecto de cualquier imagen. Sin subida — en tu navegador.
LeerOptimizador SVG
Optimiza archivos SVG en tu navegador. Elimina metadatos del editor y reduce el tamaño hasta un 80 %.
Leer