Generador de Favicons
Genera un conjunto completo de favicons e iconos de aplicación en PNG —de 16×16 a 512×512— a partir de cualquier imagen, directamente en tu navegador.
🔒 Procesado localmente en tu navegador
Loading…
Cómo usarlo
- Arrastra y suelta una imagen sobre el cuadro de arriba, o haz clic en él para elegir un archivo.
- Las imágenes que no son cuadradas se recortan automáticamente al centro en un cuadrado.
- Consulta la vista previa de cada tamaño de icono a medida que se genera.
- Descarga los iconos uno a uno, o usa "Descargar todo" para guardar todos los tamaños en secuencia.
Características
- Genera 6 tamaños estándar: 16, 32, 48, 180, 192 y 512 px
- Incluye el icono Apple touch y los tamaños para el manifiesto de Android/PWA
- Recorta automáticamente al centro las imágenes que no son cuadradas
- Vista previa instantánea de cada tamaño generado
- 100% en el navegador, con la tecnología de la API Canvas, sin subidas
Preguntas frecuentes
¿Por qué se necesitan tantos tamaños de favicon distintos?
Distintos navegadores, sistemas operativos y plataformas piden tamaños de icono diferentes: por ejemplo 16×16 y 32×32 para pestañas y marcadores del navegador, 180×180 para el icono Apple touch en iOS, y 192×192/512×512 para la pantalla de inicio de Android y el manifiesto PWA. Ofrecerlos todos hace que tu sitio se vea nítido en cualquier parte.
¿Qué ocurre si mi imagen no es cuadrada?
Se recorta automáticamente al centro para formar el cuadrado más grande posible antes de redimensionarla, de modo que cada icono generado resulte cuadrado y sin distorsión.
¿Qué formatos de archivo puedo subir?
Se admiten imágenes JPG, PNG y WebP. Todos los favicons generados se exportan como archivos PNG.
¿Se sube mi imagen a algún sitio?
No. El recorte y el redimensionado se realizan completamente en local usando la API Canvas del navegador; tu imagen nunca sale de tu dispositivo.
¿Cómo uso los archivos generados en mi web?
Coloca favicon-16x16.png, favicon-32x32.png, favicon-48x48.png y apple-touch-icon.png en la raíz de tu sitio, y enlázalos junto con los dos tamaños de Android/PWA desde las etiquetas link de tu HTML o tu manifiesto de aplicación web.