Ir al contenido principal

Editar el icono de acceso directo (favicon)

Personaliza el pequeño icono que aparece en las pestañas del navegador, marcadores e historial cuando los invitados visitan tu sitio.

Escrito por Brian
Actualizado hoy

Editar el icono de acceso directo (favicon)

Personaliza el pequeño icono que aparece en las pestañas del navegador, marcadores e historial cuando los invitados visitan tu sitio.

El favicon es ese pequeño icono que aparece en las pestañas del navegador, marcadores y a veces en el historial del navegador. ¡Puedes personalizarlo para que coincida con tu boda!

Qué es un favicon

Favicon (abreviatura de "icono favorito") es la pequeña imagen que se muestra:
- En las pestañas del navegador junto al título de tu página
- En los marcadores cuando los invitados guardan tu sitio
- En el historial del navegador
- En las pantallas de inicio del móvil (a veces)

Generalmente es de 16x16 o 32x32 píxeles, ¡pequeño pero visible!

Por qué personalizarlo

Marca. Hace que tu sitio se sienta más profesional y personal.

Reconocimiento. Los invitados pueden encontrar tu pestaña fácilmente cuando tienen muchas abiertas.

Detalle. Los pequeños detalles marcan una gran diferencia.

¡Diversión! Es una forma linda de agregar personalidad.

Cómo editar tu favicon

  1. Ve a Sitio web > Constructor

  2. Haz clic en Configuración del sitio

  3. En la pestaña General, encuentra Icono de acceso directo

  4. Haz clic en Subir icono de acceso directo

  5. Selecciona tu archivo de imagen del favicon

  6. Haz clic en Guardar

¡Tu nuevo favicon aparece en las pestañas del navegador!

Crear una imagen de favicon

Tamaño: Generalmente 32x32 o 64x64 píxeles (cuadrado).

Formato: PNG, ICO o JPG (PNG con transparencia funciona mejor).

Diseño simple. Es diminuto, así que las imágenes complejas no funcionan bien.

Alto contraste. Asegúrate de que sea visible contra fondos claros y oscuros.

Ideas para favicon

Tus iniciales. "E & J" o "EM" en una fuente bonita.

Un símbolo. Corazón, anillos, un icono significativo.

Tu logo de boda. Si tienes uno.

Monograma. Tus iniciales combinadas en un estilo elegante.

Un emoji. (si tu sistema lo admite).

Fecha. "2026" o tu fecha de boda.

Consejos de diseño

Mantenlo simple. Los detalles desaparecen en tamaños pequeños.

Usa colores llamativos. Los colores sutiles se pierden.

Pruébalo. Ve tu sitio en un navegador para ver cómo se ve en la pestaña.

Hazlo cuadrado. Los favicons siempre son cuadrados.

Prueba fondos sólidos. Los fondos transparentes funcionan, pero los sólidos pueden ser más claros.

Herramientas para crear favicons

Herramientas de diseño: Canva, Figma, Adobe Illustrator

Generadores en línea: Busca "generador de favicon" para herramientas simples

Tu logo existente: Si tienes un logo de boda, redúcelo

Emoji: Usa un emoji grande como tu favicon (¡simple pero efectivo!)

Actualizar tu favicon

¡Puedes cambiarlo en cualquier momento! Solo sube una nueva imagen en la misma configuración.

Nota: Los navegadores a veces guardan favicons en caché, ¡así que tú o tus invitados podrían necesitar actualizar para ver el nuevo!

Múltiples tamaños

Algunos sistemas te permiten subir múltiples tamaños de favicon:

16x16 para pestañas del navegador

32x32 para pantallas de mayor resolución

180x180 para iconos de Apple touch (cuando los invitados guardan en la pantalla de inicio del iPhone)

192x192 para Android

Si tu sistema pide múltiples, proporciónalos. Si no, ¡una buena imagen de 32x32 generalmente funciona!

Probar tu favicon

Después de subirlo:

  1. Visita tu sitio en una nueva pestaña del navegador

  2. Revisa la pestaña para ver si aparece tu icono

  3. Marca tu sitio como favorito para ver cómo se ve en los marcadores

  4. Prueba en diferentes navegadores (Chrome, Safari, Firefox) para asegurarte de que funcione en todos

Formato de archivo

PNG: Más común, admite transparencia.

ICO: Formato tradicional de favicon, funciona en todos lados.

SVG: Moderno, escalable, pero no todos los navegadores lo admiten para favicons.

¡PNG generalmente es tu mejor opción!

Cuando no aparece

Si tu favicon no aparece:

Espera un poco. Los navegadores guardan iconos en caché, podría tomar tiempo actualizarse.

Limpia la caché del navegador. Fuerza a tu navegador a obtener el nuevo icono.

Revisa el formato de archivo. Asegúrate de que sea un formato compatible.

Revisa el tamaño del archivo. Demasiado grande podría no funcionar. Mantenlo por debajo de 100KB.

Prueba en otro navegador. Ve si es un problema específico del navegador.

Consideraciones móviles

En teléfonos, los favicons podrían mostrarse cuando los invitados:

  • Agregan tu sitio a su pantalla de inicio

  • Ven tu sitio en sus pestañas del navegador

¡Asegúrate de que tu icono sea reconocible incluso en tamaños diminutos!

Favicon por defecto

Si no subes uno personalizado, tu sitio podría mostrar:

  • El logo de WedSites

  • Un icono genérico de documento

  • Ningún icono

¡Personalizado es mejor!

¡Los favicons son un pequeño toque que agrega pulimiento y personalidad a tu sitio web de boda!

¿Ha quedado contestada tu pregunta?