Todos los tamaños de favicon desde una imagen

Los navegadores, los móviles y las pantallas de inicio piden tamaños de icono distintos. El generador de favicon de QodeCat toma tu logotipo y prepara el set completo en segundos, con una vista previa en vivo de cada tamaño y las etiquetas HTML que debes pegar en tu sitio.

• favicon.ico con imágenes de 16, 32 y 48 px para pestañas del navegador y Windows.
• favicon-16x16.png y favicon-32x32.png para navegadores modernos.
• apple-touch-icon.png (180×180) para la pantalla de inicio de iPhone y iPad.
• Iconos android-chrome de 192 y 512 px y un site.webmanifest listo para usar.

Consejos para un favicon nítido

Empieza grande y sencillo

Usa una imagen cuadrada de al menos 512×512 px o un SVG. Las formas simples y las letras gruesas siguen siendo legibles incluso a 16 px; los detalles finos y el texto delgado se pierden.

Fondo y margen interior

Un fondo transparente queda bien en las pestañas del navegador, pero iOS rellena de negro las zonas transparentes en la pantalla de inicio. Si tu logotipo llega hasta los bordes, elige un color de fondo y añade algo de margen interior.

Preguntas frecuentes