Generador de
Favicon Gratis
Crea favicons en todos los tamaños desde una sola imagen — PNGs, Apple Touch Icon e iconos de PWA, con las etiquetas HTML listas. Gratis y sin subir archivos.
Suelta tu imagen aquí o haz clic para elegir
PNG, JPG, WebP o SVG
Cómo funciona
Sube
Suelta cualquier imagen PNG, JPG, WebP o SVG como base del favicon.
Genera
Todos los tamaños estándar de favicon se generan al instante en tu navegador.
Descarga
Descarga tamaños sueltos o todo en un ZIP listo para usar.
Generador de favicon gratis: crea un favicon desde una imagen PNG, JPG, WebP o SVG en ocho tamaños y con el código HTML listo para tu web. El generador de favicons de ConverterUp produce PNG de 16x16 a 512x512, incluido el Apple touch de 180x180 y los iconos de 192 y 512 para Android y PWA, además de un archivo HTML con las etiquetas link para pegar en tu página. Diseñadores y desarrolladores ahorran tiempo al evitar varias exportaciones manuales en editores de imagen. La conversión se ejecuta en el navegador, así que logotipos inéditos y activos de marca quedan privados y nunca se almacenan en un servidor remoto.
Por qué los favicons siguen importando en 2026
Un favicon es el pequeño anclaje visual que distingue tu sitio en las pestañas del navegador, los marcadores, el historial y los menús de pestañas desbordadas. Con usuarios que mantienen rutinariamente más de 30 pestañas abiertas, el favicon es a menudo la única parte visible de tu marca durante horas seguidas. Un favicon ausente o genérico es una señal pequeña pero constante de que el sitio es aficionado.
Más allá de las pestañas del navegador, los favicons definen el icono en la pantalla de inicio de iOS y Android cuando se usa 'Añadir a la pantalla de inicio', la baldosa en los anclajes del menú Inicio de Windows, el icono en el Dock de macOS cuando se instala una PWA, y el avatar en resultados de búsqueda que algunos navegadores (Chrome, DuckDuckGo) muestran junto a los enlaces orgánicos.
En las PWAs, los iconos del manifiesto son imprescindibles: sin iconos de 192 × 192 y 512 × 512 declarados en manifest.json, el navegador no muestra el prompt de instalación y Lighthouse suspende la auditoría de instalabilidad.
Un paquete de favicons coherente también transmite atención al detalle a las personas que más cuentan para una primera impresión: reclutadores que abren tu portfolio, clientes que aterrizan desde un anuncio de Google, periodistas que verifican una fuente. El coste marginal (una imagen de origen, una subida) tiende a cero; el coste de no hacerlo es un 404 en la pestaña de red y un globo terráqueo genérico en la pestaña.
Tamaños necesarios para navegadores y sistemas modernos
16 × 16 y 32 × 32: los favicons clásicos de pestaña. 32 es el valor por defecto moderno; 16 es el respaldo para DPI heredados. Los navegadores modernos aceptan favicons PNG declarados con etiquetas link; si además quieres un favicon.ico en la raíz para clientes antiguos, convierte el PNG de 32 × 32 a ICO con cualquier conversor de ICO.
180 × 180: Apple Touch Icon, usado por Safari de iOS para los accesos directos en la pantalla de inicio. Apple ya no necesita tamaños separados por dispositivo desde iOS 11; 180 es el único que hay que enviar.
192 × 192 y 512 × 512: iconos de pantalla de inicio de Android y de instalación de PWA, declarados en el manifiesto de la web app. El 512 también sirve como icono de splash en Android y como origen de alta DPI para PWAs de escritorio.
Variantes maskable: los iconos adaptables de Android se recortan a círculo o squircle. Proporciona un icono con purpose: maskable y un área segura generosa (mantén el logotipo dentro del 80 % central del lienzo) para que el sistema no recorte el grafismo de marca.
Instalación HTML: link, manifiesto y theme color
Coloca los archivos generados en la raíz de tu sitio y pega en
las etiquetas link del archivo favicon-tags.html incluido: los iconos PNG de 16, 32 y 48 px, el apple-touch-icon.png y los iconos de 192 y 512 px.Para una PWA, crea tú mismo un archivo manifest.webmanifest: declara name, short_name, start_url, display: "standalone", background_color, theme_color y el array de iconos apuntando a los PNG de 192 y 512 del paquete.
Añade <meta name="theme-color" content="#2DD4BF"> para definir el color del chrome del navegador en Chrome de Android y en versiones recientes de Safari. Proporciona variantes con media="(prefers-color-scheme: dark)" si tu sitio tiene modo oscuro, para que el tinte de la barra coincida con ambos esquemas.
Preguntas frecuentes
¿Qué tamaños incluye el paquete de favicons?
Ocho iconos PNG: 16x16, 32x32, 48x48, 64x64, 128x128, 180x180 (apple-touch-icon.png), 192x192 y 512x512, más un archivo favicon-tags.html con las etiquetas link. Descarga cada tamaño por separado o todos en un ZIP.
¿Cuál es el tamaño recomendado de la imagen de origen?
Usa una imagen cuadrada de al menos 512x512 píxeles, idealmente PNG o SVG con fondo transparente. Las imágenes más pequeñas se pueden ampliar pero quedarán borrosas en los tamaños mayores.
¿Se admiten archivos SVG como origen?
Sí. Sube un SVG y el generador lo rasteriza en cada tamaño para obtener resultados nítidos. También se aceptan PNG, JPG y WebP.
¿Cómo instalo el favicon en mi sitio?
Extrae el ZIP, copia los PNG a la raíz o a la carpeta de assets de tu sitio y pega en el head del HTML las etiquetas link de favicon-tags.html. Para instalar la web como PWA, referencia los iconos de 192 y 512 en tu propio manifiesto.
¿Por qué mi favicon no se actualiza después de reemplazarlo?
Los navegadores cachean los favicons de forma agresiva, a veces durante semanas, al margen de la caché normal. Fuerza la recarga versionando la URL (<code>/favicon.ico?v=2</code>), sirviendo el archivo con un <code>Cache-Control</code> con max-age corto, o vaciando la caché del favicon (en Chrome DevTools: Application → Storage → Clear site data).
¿Sigo necesitando favicon.ico si proporciono iconos PNG?
A menudo sí: los navegadores antiguos y muchos bots buscan /favicon.ico en la raíz por convención, y algunas plataformas (lectores RSS, previsualizadores de enlaces, herramientas de intranet) solo comprueban esa ruta. ConverterUp genera iconos PNG; convierte el PNG de 32 × 32 a ICO si necesitas ese archivo heredado.
¿Qué tamaño debe tener un favicon?
El favicon.ico clásico incluye 16 × 16 y 32 × 32 píxeles; además conviene un PNG de 180 × 180 para iPhone (Apple Touch) y de 192 × 192 y 512 × 512 para Android y PWA. Parte de una imagen cuadrada de al menos 512 × 512: el generador crea todos esos PNG (el ICO se obtiene convirtiendo el de 32 × 32).