Suelta un logo PNG, JPG o WebP y ConvertRS crea un paquete favicon multitamaño con favicon.ico, tamaños PNG para navegador, Apple Touch Icon, iconos Android Chrome, un web manifest y HTML para copiar, todo dentro de tu navegador.
ConvertRS ajusta tu logo a lienzos cuadrados para pestañas del navegador, iconos de pantalla de inicio y manifests PWA.
Archivos favicon prácticos y código de instalación, con privacidad sin subida para propietarios de sitios.
Usa el generador favicon para convertir un logo PNG, JPG o WebP en un conjunto de favicons completo y listo para producción sin subir nada. ConvertRS ensambla un favicon.ico multitamaño con marcos de 16x16, 32x32 y 48x48, PNG de navegador de 16x16 y 32x32, apple-touch-icon.png de 180x180, iconos Android Chrome de 192x192 y 512x512, un site.webmanifest listo para editar y un fragmento favicon-code.html con los enlaces correspondientes. Todo se genera localmente en tu navegador con WebAssembly, así que los logos sin lanzar y los recursos de marca nunca salen de tu dispositivo. Suelta la imagen, elige relleno transparente o un color de fondo, previsualiza cada tamaño y descarga el ZIP con el HTML listo para copiar.
Suelta tu logo PNG en el generador, elige relleno o color de fondo y genera el paquete localmente. El ZIP incluye un favicon.ico multitamaño con marcos de 16x16, 32x32 y 48x48, iconos PNG y el código HTML para enlazarlos.
Sí. ConvertRS lee tu imagen PNG, JPG o WebP en el navegador y crea el ZIP del favicon localmente en tu dispositivo. El archivo de origen nunca se envía a un servidor, algo importante para logos sin lanzar y recursos de marca confidenciales.
El ZIP incluye favicon.ico, favicon-16x16.png y favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png y android-chrome-512x512.png, site.webmanifest y un fragmento favicon-code.html con los enlaces correspondientes. Los nombres siguen la convención habitual, así que la mayoría de guías que encuentras online encajan.
Sí. El favicon.ico contiene marcos PNG de 16x16, 32x32 y 48x48 en un solo archivo. El navegador elige el marco que necesita, lo que mantiene nítidos los iconos pequeños en lugar de estirar una imagen de 16x16.
Lo ideal es usar ambos. Los navegadores modernos admiten iconos PNG enlazados directamente, mientras que favicon.ico reúne varios tamaños pequeños en un archivo compatible, incluidos navegadores antiguos y rastreadores. El ZIP generado incluye los dos formatos con su HTML.
Chrome elige un PNG de 16x16 o 32x32 para las pestañas, los dispositivos Apple usan apple-touch-icon.png de 180x180 y Android usa los iconos de 192x192 y 512x512 declarados en site.webmanifest. El marco de 48x48 del ICO cubre peticiones antiguas y, por ejemplo, el icono que Google muestra junto a los resultados móviles, que espera un mínimo de 48x48.
Algunos navegadores modernos aceptan favicons SVG enlazados con type="image/svg+xml" y WebP es técnicamente representable, pero el soporte es inconsistente; Safari en particular no admite iconos SVG por completo. La combinación de ICO multitamaño más PNG explícitos sigue siendo la única que funciona en todas partes, y es la que genera la herramienta.
Publica favicon.ico junto con enlaces PNG explícitos y un manifest. Esa combinación cubre pestañas, marcadores, pantallas de inicio de iOS y Android y ventanas PWA instaladas desde un único paquete. Guarda una versión SVG solo como mejora opcional si controlas los navegadores de destino.
Los navegadores guardan los favicons en caché de forma agresiva, a veces entre sesiones. Haz una actualización forzada (Ctrl+Mayús+R o Cmd+Mayús+R), abre la URL del icono con una consulta anti-caché como /favicon.ico?v=2 y comprueba que el archivo en la URL antigua se reemplazó. Algunas superficies pueden tardar un día o más en actualizarse solas.
Sube todos los archivos del ZIP a la carpeta raíz de tu sitio (la misma donde está tu página de inicio) y pega el contenido de favicon-code.html en el <head> de tus páginas. En WordPress puedes subirlos por FTP o con el gestor de archivos de tu hosting y añadir los enlaces con un plugin de cabecera o SEO.
No es imprescindible, pero no cuesta nada y prepara Android y los flujos de instalación. El manifest indica a Chrome de Android qué iconos de 192x192 y 512x512 usar cuando tu sitio se añade a la pantalla de inicio. Puedes publicarlo e ignorarlo; los navegadores que no lo necesitan lo omiten.
iOS usa apple-touch-icon.png (180x180 aquí) cuando alguien añade tu sitio a la pantalla de inicio del iPhone o iPad. Android y los navegadores de escritorio lo ignoran. Sin el archivo, los dispositivos Apple recurren a una captura de tu página, que suele quedar peor que tu logo.
