Características principales
- Generar todos los formatos de favicon en un clic
- Crea favicon.ico con múltiples tamaños (16, 32, 48px)
- Genera favicons PNG para todos los navegadores modernos
- Crea Apple Touch Icon (180×180px) para dispositivos iOS
- Genera iconos Android Chrome (192×192, 512×512)
- Incluye site.webmanifest para soporte PWA
- Proporciona fragmento de código HTML listo para usar
- Descarga todo como un archivo ZIP conveniente
Casos de uso comunes
- Crear paquete completo de favicon para lanzamiento de nuevo sitio web
- Actualizar sitio web existente con formatos de favicon modernos
- Generar favicons para Progressive Web Apps (PWA)
- Crear iconos de marca para todos los dispositivos y plataformas
- Preparar archivos de favicon para WordPress u otro CMS
- Generar favicons para sitios web de clientes rápidamente
Cómo usar
- Suba su logo o imagen (PNG, JPG o SVG cuadrado recomendado)
- Ingrese el nombre de su sitio web y nombre corto para el manifiesto
- Haga clic en "Generar todos los favicons" para crear el paquete completo
- Descargue el archivo ZIP que contiene todos los archivos de favicon
- Extraiga el ZIP y suba todos los archivos al directorio raíz de su sitio web
- Copie el código HTML proporcionado y péguelo en su sección <head>
- Limpie la caché de su navegador para ver el nuevo favicon
Preguntas frecuentes
El paquete incluye: favicon.ico (icono multi-tamaño para navegadores), favicon-16x16.png y favicon-32x32.png (tamaños estándar), apple-touch-icon.png (180×180 para iOS), android-chrome-192x192.png y android-chrome-512x512.png (para Android), y site.webmanifest (archivo de manifiesto de aplicación web). Esto cubre todos los navegadores y dispositivos modernos.
Suba una imagen cuadrada de al menos 512×512px para mejores resultados. Imágenes más grandes (1024×1024px) funcionan aún mejor. La imagen debe ser cuadrada (ancho y alto iguales) e idealmente en formato PNG con fondo transparente. Los archivos SVG también funcionan muy bien.
Para máxima compatibilidad, ¡sí! Diferentes navegadores y dispositivos buscan diferentes formatos de favicon. Los dispositivos iOS usan apple-touch-icon.png, Android usa iconos android-chrome, y los navegadores tradicionales usan favicon.ico. Tener todos los formatos asegura que su favicon se muestre correctamente en todas partes.
El archivo site.webmanifest es un archivo JSON que proporciona metadatos sobre su sitio web para Progressive Web Apps (PWA). Le dice a los navegadores móviles cómo mostrar su sitio cuando se agrega a la pantalla de inicio, incluyendo qué iconos usar, el nombre del sitio y preferencias de visualización.
Suba todos los archivos al directorio raíz de su sitio web (la misma carpeta que su index.html o index.php). Por ejemplo, si su sitio web es example.com, los archivos deben ser accesibles en example.com/favicon.ico, example.com/apple-touch-icon.png, etc.
Los navegadores almacenan en caché agresivamente los favicons. Después de subir sus nuevos archivos de favicon y agregar el código HTML, necesita limpiar la caché de su navegador (Ctrl+Shift+Delete) y hacer una actualización forzada (Ctrl+F5). Puede tomar unos minutos para que aparezca el nuevo favicon.
Sí, pero tenga en cuenta que los favicons se muestran muy pequeños (16×16px en las pestañas del navegador). Los logos con texto detallado pueden no ser legibles. Para mejores resultados, use un logo o icono simple que sea reconocible incluso en tamaños pequeños.
¡Absolutamente! Todas las imágenes se procesan de forma segura en nuestro servidor y se eliminan automáticamente inmediatamente después de que descargue el archivo ZIP. No almacenamos, vemos ni compartimos sus imágenes con nadie.
