Sube tu logo o foto (JPG, PNG, WebP…), ajusta el zoom y arrastra la vista previa para centrar el recorte cuadrado, elige los tamaños y pulsa «Generar pack favicon». Descarga un ZIP con favicon.ico, PNG en varios tamaños, site.webmanifest y un fragmento HTML para pegar en el .

Por defecto: favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png y favicon.ico multi-resolución (16, 32 y 48 px). Opcionalmente puedes añadir un icono maskable de 512×512 para Android. Desmarca los tamaños que no necesites.

Descomprime el ZIP en la raíz pública de tu sitio (donde está index.html o WordPress). Copia las etiquetas del archivo head-snippet.html dentro de la sección de tu plantilla. Si usas WordPress, también puedes subir favicon.ico y los PNG desde Apariencia → Personalizar → Identidad del sitio.

Sí. El generador crea favicon.ico a partir de los PNG 16, 32 y 48 px embebidos en formato ICO moderno compatible con navegadores actuales. No hace falta instalar software ni subir la imagen a un servidor externo.

Un logo cuadrado o con margen, en alta resolución (mínimo 512×512 px recomendado). Evita textos muy pequeños: en 16×16 px solo se verá un icono simplificado. Usa el zoom para acercar la parte importante del diseño.

En la mayoría de navegadores de escritorio sí, igual que en el resto del kit de imagen de TresnaHub. La primera carga del decodificador HEIC puede tardar un poco.

Un icono maskable es un PNG de 512×512 pensado para Android y para PWA (aplicaciones web instalables). El sistema puede recortarlo en formas circulares, cuadradas redondeadas u otras «máscaras». Por eso el logo lleva margen de seguridad alrededor (zona útil ~80 % del canvas) para que no se corte. En el generador es opcional: actívalo si vas a publicar una PWA o quieres máxima compatibilidad en móviles Android.

El archivo se llama android-chrome-512x512-maskable.png y se referencia en site.webmanifest con "purpose": "maskable". No sustituye al PNG 512×512 normal: conviene tener ambos.

site.webmanifest es un archivo JSON que describe tu sitio como aplicación instalable: nombre, iconos, colores de tema y modo de visualización. Los navegadores lo usan al añadir la web a la pantalla de inicio del móvil o al instalar una PWA.

El generador crea un site.webmanifest listo con tus iconos (48, 192, 512 px y maskable si lo activas), theme_color, background_color y los campos name / short_name que rellenes. Debes subirlo a la raíz del sitio junto a los PNG y enlazarlo en el con , como en head-snippet.html del ZIP.

No. La generación del favicon es 100 % local en tu navegador. Forma parte del kit de herramientas de imagen de TresnaHub.