Background

Documentación Segurishop

Cómo agregar una foto al deslizador

VOLVER

Para agregar una foto al deslizador / slider, solo debemos ir a Herramientas > Deslizador imágenes.
Desde aquí podemos configurar el alto y ancho de las fotos, que por defecto ya viene configurado para un ancho máximo y un alto determinado. En cada ícono azul se entrega ayuda sobre la configuración de cada elemento o propiedad del deslizador.


Imagen 1

Como se puede ver en la imagen anterior, se recomienda cargar fotos con un ancho superior a 1300 pixeles.
Si no tienes conocimientos básicos de diseño y no entiendes lo que son los pixeles, es posible que te encuentres con problemas en la visualización de tus fotos, pero explicándolo de una manera sencilla, daremos varios ejemplos gráficos:

Como puedes ver en la mayoría de los sitios web, el deslizador de imágenes o banner de fotos es más alargado, es decir, proporcionalmente es más alargado hacia el lado que hacia abajo (foto de referencia a continuación).


Imagen 2

Es por esta razón que es importante DISEÑAR las fotos y no subir cualquiera que tengas en tu computador.

 

¿Qué podría pasar si subimos una foto de camara con una relación de aspecto de 4:3 donde es más alargada hacia abajo que hacia los lados?

Digamos que queremos cargar la siguiente foto al deslizador (más grande obviamente):

Aquí pueden ocurrir 2 cosas:

  1. Si en la configuración del deslizador, tenemos el FONDO como CUBIERTO, la imagen será completamente insertada en el cuadro para que tome el ancho del contenedor del deslizador (ver imagen 4).
     
  2. Si en la configuración del deslizador, tenemos el FONDO como CONTENIDO, la imagen será contenida completamente dentro del contenedor del deslizador, es decir, se verá la foto completa, pero quedará cortada (ver imagen 5).

 

Con fondo cubierto:


Imagen 4


Con fondo contenido:


Imagen 5

 

¿Qué hacer entonces?

Definamos el alto por ejemplo en 400 pixeles en Configuración del deslizador de imágenes (Imagen 1) y sigamos el consejo que se muestra abajo en la carga de nuevas fotos, que dice que sea mayor a 1300 pixeles. Podemos asegurarnos y hacer una foto de 1400x500 pixeles, para que sea bien grande y en otros computadores se vea bien.

Trabajamos la foto para dejarla así:


Imagen 6

Y la cargamos al deslizador, configurando el fondo como CUBIERTO.

Así se vería ahora la foto en nuestro deslizador:


Por ello la importancia de conocer la relación de aspecto y las dimensiones en pixeles. Sino, puedes guardar la Imagen 6 como referencia y trabajar con tus fotos sobre ella.