Ir al contenido principal

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.

Escrito por Brian
Actualizado hoy

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

  1. Ve a Sitio web > Constructor

  2. Haz clic en Configuración del sitio

  3. Selecciona la pestaña Encabezado

  4. Haz clic en Subir imagen de encabezado para elegir una nueva imagen de tu dispositivo

  5. 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:

  1. Ve tu sitio en vivo para ver cómo se ve

  2. Revisa en móvil para ver cómo se recorta en teléfonos

  3. ¡Pide opiniones! Consigue un segundo par de ojos

  4. Verifica la legibilidad del texto si tu tema superpone texto sobre la imagen

Eliminar tu imagen de encabezado

¿No quieres una imagen de encabezado?

  1. Ve a Configuración del sitio → pestaña Encabezado

  2. Haz clic en Eliminar sobre la vista previa de la imagen del encabezado

  3. 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!

¿Ha quedado contestada tu pregunta?