Generador de iconos de app
Qué hace
Toma una imagen de origen y produce el conjunto estándar de iconos de apps web en PNG: favicons de 16 y 32 px, el apple-touch-icon de 180 px y los iconos de 192/512 px del manifest. Cada salida se renderiza con suavizado de alta calidad y un ajuste contain centrado (bandas sobre transparencia, o fondo blanco si prefieres iconos opacos). Puedes descargar los tamaños de uno en uno o todo el conjunto a la vez.
La decodificación y el render ocurren por completo en tu navegador - la imagen nunca se sube a ningún sitio.
Cómo usar
- Suelta un logotipo o icono cuadrado (un PNG con transparencia funciona mejor).
- Activa el fondo blanco si quieres iconos opacos.
- Pulsa Generate icon set.
- Descarga los tamaños que necesites, o Download all.
Un único maestro de 512×512 o 1024×1024 es el origen ideal; las fuentes más pequeñas también funcionan, pero escalan mal hasta 512.
Ejemplos
Soltar un PNG transparente de 256×256 genera cinco archivos: icon-16.png, icon-32.png, apple-touch-icon.png (180), icon-192.png, icon-512.png - el conjunto exacto que espera un flujo de <link rel="icon"> + web manifest.
Buen saber
- No se produce formato ICO: los navegadores modernos usan todos favicons PNG, y el PNG de 32 px cubre el caso de uso clásico.
- La transparencia se conserva por defecto; algunas tiendas de apps y launchers prefieren iconos opacos - usa el conmutador de fondo blanco para esos.
- El ajuste contain nunca recorta ni estira: las fuentes no cuadradas quedan con bandas (letterbox).