Generador de favicon
Genera favicon desde una imagen o logo y obtén favicon.ico, PNG de varios tamaños, Apple Touch Icon y enlaces HTML listos para usar.
Concepto
El favicon es el ícono de identidad para pestañas, marcadores y PWA
Un favicon no es solo vista previa; debe incluir configuración de pestaña, bookmark y pantalla de inicio de PWA para funcionar en entorno real.
Las pestañas suelen usar 16~48px, y los bookmarks/PWA normalmente requieren PNG de 180/192/512px además de otras variantes.
Usa PNG transparente y verifica contraste en modo oscuro, luego revisa visualización real en pestaña, favorito y vista de instalación.
Cuándo usar
Úsalo cuando preparas favicon.ico, site.webmanifest y link rel=icon/apple-touch-icon para cubrir tab, bookmark y PWA.
Tamaños recomendados
Genera 16/32/48/180/192/512px PNG, favicon.ico y SVG si hace falta para ampliar compatibilidad web y móvil.
Revisión antes de lanzar
Confirma transparencia, contraste en modo oscuro, base href y que el icono aparezca en tab, bookmark y pantallas de instalación.
El objetivo no es solo la vista previa del icono; revisa que manifest y enlaces HTML funcionen juntos para que el navegador lo muestre realmente.
Generador de favicon Área de generación de favicon
Cómo usar
- 1 Elige o arrastra una imagen lo más cercana posible a un cuadrado.
- 2 Pulsa generar favicon para crear PNG en varios tamaños y favicon.ico.
- 3 Descarga los archivos que necesites o guárdalos como ZIP, y revisa la ruta relativa o ruta base del código HTML antes de publicarlo.
Casos de uso comunes
- Generar favicon desde un logo
- Crear un set PNG e ICO de favicon para una web
- Convertir una imagen de marca en favicon
- Preparar candidatos para Apple Touch Icon
Preguntas frecuentes
¿Este generador de favicon también crea favicon.ico?
Sí. Genera varios tamaños PNG, favicon.ico y código HTML de enlace, y permite descargarlos juntos como ZIP. El HTML usa rutas relativas por defecto, así que añade una ruta base si publicas los archivos en una subruta.