¡Tu paquete de favicon está listo!
Descargue el archivo ZIP que contiene todos los archivos de favicon y la configuración.
Código HTML
Añade este código al <head> sección de su HTML:
Genere un paquete de favicon completo con todos los tamaños para navegadores modernos, dispositivos Apple, Android y Windows. Descarga todo lo que necesitas en un solo archivo ZIP.
Archivo ICO de varios tamaños más PNG individuales para máxima compatibilidad en todos los navegadores, incluida la compatibilidad con IE heredado.
Todos los tamaños necesarios para dispositivos iOS, incluidos iPhone, iPad y iPad Pro para la funcionalidad "Agregar a la pantalla de inicio".
Íconos de alta resolución para dispositivos Android más site.webmanifest para compatibilidad con aplicaciones web progresivas.
Windows Imágenes de mosaico y browserconfig.xml para sitios anclados en Windows 8/10/11 Menú inicio.
<head> .
Para obtener mejores resultados, comience con una imagen perfectamente cuadrada. Las imágenes no cuadradas se recortarán o rellenarán.
Utilice al menos 512×512 píxeles para garantizar iconos nítidos en todos los dispositivos, incluidas las pantallas de alto DPI.
Mantén un diseño de favicon simple y de alto contraste. Los detalles se pierden en tamaños pequeños.
El formato PNG con transparencia produce los mejores resultados. El formato SVG también funciona muy bien para gráficos vectoriales.
Los distintos navegadores, dispositivos y sistemas operativos buscan archivos y tamaños de favicon específicos. Un paquete completo garantiza que tu icono aparezca correctamente en todas partes, desde las pestañas del navegador hasta las pantallas de inicio de iOS. Windows Mosaicos del menú Inicio.
Recomendamos comenzar con un 512 × 512 píxeles Imagen cuadrada o más grande. Esto garantiza una alta calidad al reducir el tamaño. La herramienta funciona con imágenes más pequeñas, pero la calidad puede verse afectada con iconos de mayor tamaño.
El archivo site.webmanifest es una configuración JSON que informa a los navegadores sobre tu aplicación web, incluyendo su nombre, iconos y colores del tema. Es esencial para las aplicaciones web progresivas (PWA) y la función "Añadir a la pantalla de inicio" en dispositivos Android.
El archivo browserconfig.xml es utilizado por Windows 8/10/11 para configurar sitios anclados y la apariencia de los mosaicos. Especifica qué imágenes usar para los distintos tamaños de mosaico y el color de fondo del mosaico de su sitio.
Para una máxima compatibilidad, recomendamos incluir todos los archivos. Sin embargo, como mínimo, necesita: favicon.ico en su directorio raíz y apple-touch-icon.png Para dispositivos iOS. Los demás archivos mejoran la experiencia en plataformas específicas.