Subir Imagen Fuente
Drop image here or click to upload
Use a square image for best results -- PNG, JPG, SVG, or WebP
Sube cualquier imagen y genera favicons en todos los tamaños que tu sitio web necesita. Obtén pestañas de navegador, Apple Touch Icons, Android Chrome y íconos PWA con código HTML listo para usar.
Un favicon pulido es solo el comienzo. OneStepToRank ayuda a tu negocio a dominar los resultados de búsqueda locales con seguimiento de posiciones en tiempo real y optimización automática en toda tu zona de servicio.
Comienza GratisUn favicon (abreviatura de "ícono de favoritos") es el pequeño ícono que se muestra en las pestañas del navegador, marcadores, entradas del historial y barras de direcciones cuando los usuarios visitan tu sitio web. Introducido originalmente por Internet Explorer 5 en 1999 como un archivo ICO de 16x16 píxeles, los favicons han evolucionado significativamente. Los sitios web modernos deben ofrecer varios tamaños de favicon para soportar diferentes plataformas y dispositivos: íconos diminutos para pestañas de navegador, íconos medianos para accesos directos de escritorio y barras de tareas, e íconos grandes para pantallas de inicio móviles y pantallas de inicio de aplicaciones web progresivas. Un favicon bien diseñado refuerza el reconocimiento de marca en cada punto de contacto donde los usuarios interactúan con tu sitio.
El panorama de los favicons puede resultar confuso porque diferentes navegadores, sistemas operativos y dispositivos requieren distintos tamaños. Aquí tienes un desglose de los tamaños más importantes: 16x16 es el ícono clásico de pestaña de navegador usado por todos los navegadores de escritorio. 32x32 se utiliza en pantallas retina en pestañas de navegador y por Windows para accesos directos en la barra de tareas. 48x48 y 64x64 son usados por Windows para accesos directos de escritorio y mosaicos fijados. 128x128 es requerido para listados en Chrome Web Store. 180x180 es el Apple Touch Icon que se usa cuando los usuarios de iOS guardan tu sitio en su pantalla de inicio. 192x192 lo usa Android Chrome para íconos de pantalla de inicio. Y 512x512 se usa en PWAs para pantallas de inicio y contextos de íconos más grandes. Como mínimo, cada sitio web debe tener un favicon PNG de 32x32 y un Apple Touch Icon de 180x180.
Para lograr la máxima compatibilidad, usa formato PNG para todos los tamaños de favicon. PNG admite transparencia y es compatible universalmente con los navegadores modernos. El formato tradicional ICO, que agrupa varios tamaños en un solo archivo, solo es necesario para soporte de versiones antiguas de Internet Explorer. Los favicons SVG están ganando popularidad y ofrecen independencia de resolución, pero el soporte en navegadores aún no está completo. Al crear tu imagen fuente, comienza con una imagen cuadrada de al menos 512x512 píxeles para obtener los resultados más nítidos en todos los tamaños. Diseños simples y audaces con detalle limitado funcionan mejor en tamaños pequeños — el texto fino y los patrones intrincados se vuelven ilegibles a 16x16 píxeles. Usa formas sólidas y reconocibles y colores contrastantes. Finalmente, siempre prueba tus favicons en varios navegadores y dispositivos para asegurarte de que se vean bien en todas partes.