Editar la imagen del encabezado
Cambia la imagen de banner grande en la parte superior de tu sitio web que establece el tono visual de todo tu sitio.
Tu imagen de encabezado aparece en la parte superior de tu sitio web, dando la bienvenida a los invitados cuando llegan. ¡Es una de las primeras cosas que la gente ve, así que haz que cuente!
Qué es una imagen de encabezado
La imagen de encabezado (a veces llamada imagen hero o banner) es la imagen grande en la parte superior de tu sitio web. Generalmente abarca todo el ancho de la página y establece el tono visual de todo tu sitio.
Diferente de:
- Imágenes de encabezado de página: Imágenes individuales para páginas específicas
- Imágenes de fondo: Imágenes detrás de tu contenido
- Logo: El logo o nombre de tu sitio
Por qué importa
Primera impresión. Es lo primero visual que ven los invitados.
Establece el ambiente. Foto de playa para una boda en la playa, toma elegante del lugar para una boda formal.
Toque personal. Muestra a la pareja junta o destaca el lugar de la boda.
Impacto visual. Una imagen hermosa hace tu sitio memorable.
Cómo editar tu imagen de encabezado
Ve a Sitio web > Constructor
Haz clic en Configuración del sitio
Selecciona la pestaña Encabezado
Haz clic en Subir imagen de encabezado para elegir una nueva imagen de tu dispositivo
Haz clic en Guardar
¡Tu nueva imagen de encabezado aparece en la parte superior de tu sitio!
Elegir la imagen correcta
Alta resolución. ¡Las imágenes de encabezado son grandes! Usa al menos 1920x1080 píxeles.
Orientación horizontal. Las imágenes horizontales (paisaje) funcionan mejor.
Punto focal claro. Asegúrate de que la parte importante de la foto sea visible incluso en diferentes tamaños de pantalla.
Buena calidad. ¡Sin fotos borrosas o pixeladas!
Recorte apropiado. Los encabezados a menudo recortan imágenes para ajustarlas. Asegúrate de que las partes importantes no se corten.
Ideas de imágenes
Tu foto de compromiso favorita. ¡Los dos luciendo genial juntos!
Exterior o interior del lugar. Donde será tu boda.
Ubicación escénica. Playa, montañas, horizonte de la ciudad si tiene significado para ti.
Detalles en primer plano. Anillos, flores u otros elementos de boda (aunque estos funcionan mejor en tamaños más pequeños).
Toma de acción. Bailando, riendo, caminando juntos.
Consideraciones de diseño
Superposición de texto. Muchos temas ponen tus nombres o título del sitio sobre la imagen del encabezado. ¡Elige una imagen que tenga espacio para texto!
Contraste. Si el texto va sobre tu imagen, asegúrate de que haya suficiente contraste para legibilidad.
Recorte en móvil. Los encabezados se ven diferentes en teléfonos. Los elementos importantes deberían estar en el centro.
Estilo del tema. Algunos temas muestran encabezados a pantalla completa, otros los contienen. ¡Previsualiza para ver cómo funciona el tuyo!
Tamaño y formato del archivo
Formato: JPG o PNG (JPG generalmente es mejor para fotos)
Tamaño del archivo: Menos de 2MB si es posible (comprime imágenes grandes antes de subir)
Dimensiones: Al menos 1920x1080, pero 2560x1440 es aún mejor para pantallas de alta resolución
¡Los archivos enormes hacen tu sitio más lento, así que comprímelos sin perder demasiada calidad!
Probar tu imagen de encabezado
Después de subirla:
Ve tu sitio en vivo para ver cómo se ve
Revisa en móvil para ver cómo se recorta en teléfonos
¡Pide opiniones! Consigue un segundo par de ojos
Verifica la legibilidad del texto si tu tema superpone texto sobre la imagen
Eliminar tu imagen de encabezado
¿No quieres una imagen de encabezado?
Ve a Configuración del sitio → pestaña Encabezado
Haz clic en Eliminar sobre la vista previa de la imagen del encabezado
Haz clic en Guardar cambios
Tu sitio se mostrará sin imagen de encabezado (generalmente solo el título o logo de tu sitio).
Actualizar por temporada
Algunas parejas cambian su imagen de encabezado con el tiempo:
Temporada de compromiso: Foto de compromiso
Pre-boda: Cambia a foto del lugar o imagen de save-the-date
Después de la boda: Foto del día de la boda
¡Puedes actualizarla con la frecuencia que quieras!
Imagen de encabezado vs. imagen de fondo
Imagen de encabezado: Se muestra en la parte superior de tu sitio.
Imagen de fondo: Se muestra detrás de todo tu contenido.
¡Son configuraciones diferentes! Puedes usar ambas, una o ninguna.
Múltiples imágenes de encabezado
Tienes una imagen de encabezado principal para tu sitio. Pero también podrías poder configurar:
Encabezados por página: Diferentes imágenes de encabezado para diferentes páginas
Presentación de encabezado: Rotación entre múltiples imágenes (si tu tema lo admite)
¡Revisa las características de tu tema!
Derechos de imagen
¡Usa tus propias fotos! No uses imágenes que encontraste en línea a menos que tengas permiso o sean fotos de stock gratuitas.
Derechos de autor del fotógrafo: Si usas fotos de compromiso, asegúrate de que tu fotógrafo esté de acuerdo (¡generalmente lo están!).
Herramientas de compresión
Para hacer imágenes grandes más pequeñas sin perder calidad:
Herramientas en línea: TinyPNG, Compressor.io, Squoosh
Integradas: Algunas plataformas comprimen imágenes automáticamente al subirlas
¡Apunta a menos de 500KB para carga rápida!
¡Tu imagen de encabezado es como la portada de un libro. Hazla acogedora y hermosa!
