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
Ve a Sitio web > Constructor
Haz clic en Configuración del sitio
En la pestaña General, encuentra Icono de acceso directo
Haz clic en Subir icono de acceso directo
Selecciona tu archivo de imagen del favicon
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:
Visita tu sitio en una nueva pestaña del navegador
Revisa la pestaña para ver si aparece tu icono
Marca tu sitio como favorito para ver cómo se ve en los marcadores
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!
