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 512x512 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 una imagen cuadrada de 512 512 p xeles o mayor. Esto garantiza una alta calidad al reducir su tama o. La herramienta funciona con im genes m s peque as, pero la calidad puede verse afectada en 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.