Cambiar el Tamaño del Hero Banner

Cómo Modificar el Tamaño del Hero Banner en GemPages

Paso 1: Seleccione el Hero Banner

• Si aún no ha agregado un Hero Banner a su página, arrastre y suelte uno desde la barra lateral izquierda. Consulte esta guía sobre cómo insertar un Hero Banner.

• Si está modificando un Hero Banner existente, haga clic en él para abrir el panel de configuración en el lado izquierdo de su pantalla. Si está modificando un Hero Banner existente, haga clic en él para abrir el panel de configuración en el lado izquierdo de su pantalla.

Paso 2: Localice la Configuración de Tamaño

En el panel de configuración, desplácese hacia abajo para encontrar la sección Tamaño . Aquí verá diferentes opciones para ajustar el tamaño del banner.

Paso 3: Ajuste el Tamaño del Banner

En el campo Marco , tiene dos opciones para modificar el tamaño del Hero Banner:

1. Como Fuente del Banner (Ajuste Automático)

Si selecciona “Como fuente del banner” , el banner ajustará automáticamente su tamaño según las dimensiones de la imagen cargada.

Esto asegura que su imagen se muestre en su resolución óptima sin estiramiento o distorsión.

2. Tamaño Personalizado (Ajuste Manual)

Si prefiere tener control total sobre las dimensiones del banner, seleccione "Personalizado" en el menú desplegable.

Aparecerán dos campos de entrada que le permitirán ingresar sus valores preferidos para:

Ancho (en píxeles o porcentaje)

• Completo (como 100%)
• Predeterminado (como 1200 px).

Altura del Banner (en píxeles o porcentaje)

• Ajuste contenido (automático)
• Ajuste de pantalla (100vh)

Ajuste estos valores para que se ajusten al diseño de su página.

Mejores prácticas para la calidad de la imagen

• Para una mejor apariencia visual, utilice imágenes de alta resolución que coincidan con las dimensiones de su banner. Consulte nuestra recomendaciones sobre tamaños de imagen óptimos.
• Una vez que haya configurado el tamaño de banner deseado, obtenga una vista previa de su página para asegurarse de que los cambios se vean como se espera.
• Ajuste aún más las dimensiones si es necesario para mantener la capacidad de respuesta en diferentes tamaños de pantalla.