🌐 Generador de Favicon e Ícono de App
Sube una imagen y descarga al instante un paquete de favicon completo — iconos PNG en cada tamaño estándar, un archivo .ico multitamaño y etiquetas HTML link listas para pegar, todo en un único ZIP.
Acerca de
Esta herramienta usa la Canvas API del navegador para redimensionar tu imagen fuente a todos los tamaños que esperan los navegadores y sistemas operativos modernos: 16×16, 32×32, 48×48, 64×64, 180×180 (Apple Touch Icon), 192×192 (Android / PWA) y 512×512 (splash de PWA). También ensambla un archivo .ico multitamaño que agrupa los tamaños más comunes en un único binario, y genera el fragmento HTML con las etiquetas <link> correctas para cada tamaño. Todo se empaqueta en un ZIP mediante un escritor ZIP inline sin almacenamiento externo. Como el proceso ocurre completamente en el navegador con Canvas, ningún archivo sale de tu dispositivo.
Cómo usar
- Arrastra tu imagen fuente al área de carga o haz clic para seleccionar un archivo — PNG, JPEG, SVG o WebP son compatibles.
- Previsualiza la imagen y confirma los tamaños a generar: los PNG de 16, 32, 48, 64, 180, 192 y 512 px están seleccionados por defecto.
- Haz clic en Generar para que la Canvas API redimensione y renderice cada tamaño de ícono dentro del navegador.
- Haz clic en Descargar ZIP para recibir todos los PNG, el favicon.ico multitamaño y un archivo de fragmento HTML en un solo archivo.
- Copia las etiquetas <link> del archivo HTML y pégalas en el <head> de tu sitio — tu favicon ya está listo.
Preguntas frecuentes
- ¿Qué tamaños genera esta herramienta?
- Genera archivos PNG en 16, 32, 48, 64, 180, 192 y 512 píxeles, un favicon.ico multitamaño (con 16, 32 y 48 px) y las etiquetas HTML <link> correspondientes.
- ¿Se sube mi imagen a un servidor?
- No. Todo el redimensionado y el empaquetado ocurren en tu navegador usando la Canvas API. Tu imagen nunca sale de tu dispositivo.
- ¿Cuál es la mejor imagen fuente a usar?
- Una imagen cuadrada de al menos 512×512 px proporciona los resultados más nítidos en todos los tamaños. SVG funciona especialmente bien porque es independiente de la resolución.
- ¿Qué es el archivo .ico multitamaño y por qué lo necesito?
- Un archivo .ico puede incrustar múltiples resoluciones en un solo binario. Los navegadores más antiguos y Windows usan el .ico para los íconos de pestañas y accesos directos, seleccionando automáticamente el tamaño más adecuado. Usar un .ico multitamaño garantiza íconos nítidos en todas partes.
- ¿Necesito todos los tamaños generados para mi sitio web?
- Para la mayoría de los sitios web, el .ico multitamaño más los PNG de 180 px (Apple Touch Icon) y 192/512 px (PWA) cubren todos los casos de uso principales. Los PNG más pequeños se incluyen por completitud y soporte de navegadores heredados.