Generador de kit de favicon completo
Suba una imagen y obtenga con un clic un kit de favicon completo: todos los tamaños PNG útiles (de 16 a 512 px), un archivo favicon.ico y el código HTML de las etiquetas <link> para copiar en su sitio.
Cómo funciona
A diferencia de un simple generador de favicon que solo produce dos o tres tamaños, este kit cubre todos los casos de uso habituales: pestañas del navegador, accesos directos de Windows, iconos de la pantalla de inicio de iOS y Android, y un archivo favicon.ico tradicional para la máxima compatibilidad. Cada tamaño se genera mediante redimensionado con recorte centrado, para que el motivo principal de su imagen quede bien encuadrado incluso en las versiones más pequeñas.
¿Dónde coloco los archivos generados en mi sitio?
Coloque todos los archivos PNG y el favicon.ico en la raíz de su sitio (por ejemplo /favicon-32x32.png) y pegue después el código HTML proporcionado en la sección <head> de sus páginas. El archivo site.webmanifest mencionado es opcional: permite definir iconos adicionales para las PWA si usted crea uno por separado.
¿Por qué generar tantos tamaños distintos?
Cada plataforma y cada contexto de visualización espera un tamaño concreto: 32×32 para la pestaña de escritorio, 180×180 para el icono de la pantalla de inicio de iOS, 192×192 y 512×512 para los iconos de aplicación de Android y las PWA. Proporcionar todos estos tamaños evita que el sistema redimensione la imagen por su cuenta, lo que a menudo da un resultado borroso o pixelado.
Procesamiento 100% local: el redimensionado se realiza mediante la API Canvas de su navegador y el favicon.ico mediante WebAssembly — su logotipo nunca se envía a un servidor.