Guía

Favicon para Webflow

Webflow almacena tu favicon en la configuración del proyecto y lo sirve desde su CDN en cada página publicada. Sube un PNG o ICO cuadrado de 32×32 — o una fuente de 256×256+ que Webflow redimensionará.

Abre tu proyecto → Configuración del proyecto → General → Favicon. Webflow acepta PNG, ICO o GIF e inyecta las etiquetas <link rel="icon"> correctas al publicar.

Para pestañas retina e instalaciones desde la pantalla de inicio en iOS, añade también apple-touch-icon e iconos PWA mediante código personalizado en la configuración del sitio, si tu plan permite embeds en <head>.

Cómo funciona

  1. 1

    Genera un favicon cuadrado

    Usa nuestro generador de favicons: exporta el .ico más el apple-touch-icon de 180×180.

  2. 2

    Configuración del proyecto → Favicon

    Sube tu PNG o ICO.

  3. 3

    Publica

    Webflow distribuye el icono en cada página de tu dominio personalizado.

Pruébalo ahora

Genera un favicon listo para Webflow

Generador de Favicon

Preguntas frecuentes

¿Qué tamaño de favicon usa Webflow?+

32×32 es el tamaño de subida, pero empieza desde 256×256 o 512×512 para que la reducción se vea nítida.

¿Por qué no se actualiza mi favicon en Webflow?+

Publica el sitio después de cambiar el recurso. Los navegadores almacenan favicons en caché: limpia la caché del navegador o añade ?v=2 a la URL en el código personalizado.

¿Puedo usar un favicon SVG en Webflow?+

El cargador integrado espera formatos rasterizados. Añade el SVG mediante código personalizado en Configuración del proyecto → Código personalizado → Head si necesitas vectorial + modo oscuro.

Herramientas relacionadas

Más guías

Guías

Explorar FetchFavicon

Categorías

Convertidores

Utilidades

Guías

Tutoriales