Generador de favicon
Convierte una sola imagen en todos los iconos que tu web necesita: un favicon.ico con varios tamaños, favicons PNG, el icono Apple touch, los iconos de Android/Chrome y un manifiesto web, todo empaquetado en una sola descarga ZIP con el HTML listo para pegar. Todo funciona en tu navegador, así que tu diseño nunca se sube.
Cómo generar un favicon
- Añade tu logo o tu diseño arriba; lo mejor es un PNG o SVG cuadrado.
- Elige cómo se convierten en cuadradas las imágenes que no lo son y escoge un color de fondo; luego revisa las vistas previas de 16, 32 y 48 píxeles.
- Descarga el ZIP, coloca los archivos en la carpeta raíz de tu sitio y pega el fragmento HTML en tu <head>.
Acerca de los favicons
Un favicon es el pequeño icono que los navegadores muestran en las pestañas, los marcadores, el historial y los resultados de búsqueda. Un sitio moderno lo necesita en varios tamaños y formatos: un .ico clásico para las pestañas y los navegadores antiguos, PNG para pantallas de alta densidad, un icono Apple touch de 180×180 para la pantalla de inicio de iOS y los iconos de 192/512 píxeles que el manifiesto web referencia para Android y las instalaciones PWA.
Este generador crea el .ico como un icono multitamaño real (16, 32 y 48 píxeles en un solo archivo, guardados como entradas BMP clásicas para máxima compatibilidad) y reduce tu imagen por pasos que conservan la calidad, para que siga nítida incluso a 16 píxeles. El site.webmanifest y el fragmento HTML incluidos siguen los nombres de archivo que todos los navegadores y rastreadores esperan.
Preguntas frecuentes
¿Qué archivos incluye el paquete?
Un favicon.ico que incluye los tamaños de 16, 32 y 48 píxeles, favicon-16x16.png y favicon-32x32.png, apple-touch-icon.png (180×180), los iconos android-chrome de 192×192 y 512×512 y un site.webmanifest, además de un fragmento HTML para copiar y pegar que los enlaza todos.
¿Con qué imagen debería empezar?
Una imagen cuadrada de al menos 512×512 píxeles da los mejores resultados. Si la tuya no es cuadrada, puedes recortarla a un cuadrado o ajustarla con márgenes; las vistas previas en vivo muestran exactamente cómo se verá a 16, 32 y 48 píxeles.
¿Por qué el icono Apple touch no es transparente?
iOS muestra las zonas transparentes en negro, así que el icono Apple touch se aplana sobre el color de fondo que elijas. El resto de los iconos conservan la transparencia de tu imagen.
¿Se sube mi imagen?
No. Los iconos se redimensionan, se empaquetan en el contenedor .ico y se comprimen en ZIP por completo en tu navegador; tu imagen nunca sale de tu dispositivo.