Todas las guías
Para una amplia compatibilidad, publica un ICO multi‑tamaño, un PNG Apple Touch 180×180 y un icono de máscara SVG para Safari. Usa el manifest para Android/PWA.
Checklist de Favicon: Guía Definitiva (2025)
Un favicon profesional no es solo subir favicon.ico. Para consistencia de marca y cobertura total en navegadores y plataformas, publica ICO + PNG + SVG y usa el snippet correcto en <head>. Esta lista práctica muestra exactamente qué publicar, las etiquetas correctas y cómo validarlo.
ICO vs PNG vs SVG: Elegir el formato adecuado de favicon (2025)
La elección del formato de imagen para un favicon afecta la compatibilidad, la calidad e incluso el rendimiento. Aunque IcoSmith genera todos los formatos necesarios, entender las diferencias entre ICO, PNG y SVG es clave para cualquier desarrollador. Aquí va un desglose claro.
Tamaños de Favicon (2025): Qué incluir + buenas prácticas
Para una amplia compatibilidad, publica un ICO multi‑tamaño, un PNG Apple Touch 180×180 y un icono de máscara SVG para Safari. Usa el manifest para Android/PWA.
Iconos Electron/macOS (2025): Tamaños y Assets
Cómo preparar ICNS para apps macOS y generar favicons consistentes con IcoSmith para mantener la marca alineada.
Cómo Añadir un Favicon a HTML (Guía 2025)
Has generado tus archivos de favicon, pero ¿y ahora qué? Añadirlos a tu sitio web es simple. Solo necesitas colocar el conjunto correcto de etiquetas en la sección de tu documento HTML. Esta guía te muestra el snippet exacto y moderno que debes usar.
¿Por qué no se muestra mi Favicon? (Guía de Solución)
Has añadido el código del favicon a tu HTML, pero el icono no aparece en la pestaña del navegador. Este es un problema muy común y generalmente es causado por uno de varios problemas sencillos. Esta guía te guiará a través de los pasos para solucionar problemas, desde el más fácil hasta el más complejo.