¿Cómo cargar imágenes / fotos?

Webered permite cargar imágenes desde una PC, celular o Tablet para ppoder ser mostradas en distintas partes del Sitio Web o tienda Online.

Existen distintos tipos de páginas o secciones donde se pueden cargar imágenes. πŸ‘‰ Mas sobre los distintos Tipos de Páginas

Todas las imágenes se gestionan de la misma forma dentro de Webered Independientemente del Tipo de página.

A continuación detallamos los pasos a seguir para Agregar, Borrar o Modificar las imágenes.


1. Ingresar en el Panel de control de Webered, ir a la página sobre la que se desea cargar una foto o imágen y hacer clic en la solapa "Imágenes"


2. Una vez dentro de la solapa Imágenes hacer clic en el botón "Seleccionar Imágenes"

boton-seleccionar-6351d2e4dc4fd.JPG

πŸ“Œ Consideraciones a tener en cuenta al momento de cargar imágenes 
  • Tipos de archivos permitidos: jpg / jpeg / gif / png / webp.
  • Tamaño máximo permitido: 5 Mb.
  • Dimensiones máximas permitidas: 4000 x 4000 pixels. Se redimensionará a un ancho de 1200 px, manteniendo la proporción.


3. Al hacer clic en el botón se abrirá una ventana en la PC, celular o tablet, que permitirá acceder a las imágenes o fotos ya existentes en el dispositivo.

como-cargar-imagenes-desde-una-pc-6351da5ded828.JPG

πŸ’‘  Tip :  Es posible subir varias imágenes a la vez, seleccionandolas con el mouse, manteniendo presionada la tecla CTRL del βŒ¨οΈ teclado. 

4. Una vez finalizada la carga, es posible reordenar las imágenes usando "Drag & Drop" πŸ–±οΈ ( Arrastrar y Soltar ) presionando sobre ellas con el botón izquierdo del mouse y moviéndola sin soltar el botón, a la posición deseada.

drag-and-drop-6351d3c035767.gif

πŸ“Œ Importante : La imagen que ocupe el primer lugar, será la utilizada como la principal a la hora de ser mostrada a los visitantes.

¿Como editar los datos de la imagen o foto?

Cada imágen cuenta con ciertas propiedades que son posibles de editar, accediendo al botón de Edición 

edicion-de-imagenes-63530aadba13d.JPG

La edición de los datos de una imágen permite especificar :

  • Activo : Indica si estará visible o no la imágen para los visitantes
  • URL : Una dirección web que se mostrará en el pie de la imágen y a la que permitirá acceder al hacer clic.
  • Abrir en una ventana nueva : Especifica si al hacer clic en la imágen se abrirá una nueva ventana del navegador.
  • Titulo : Un Título que será mostrado sobre la imagen.
  • Descripción : Una descripción que será mostrada sobre la imagen.

edicion-de-datos-de-la-imagen-63530aae0b736.JPG

Desde el frente del Sitio Web o Tienda online la imágen con la información agregada será visualizada por los visitantes de la siguiente forma: 

vista-de-imagen-con-info-63530f5b2a658.JPG


¿Como editar las dimensiones de la imagen o foto?

Existen distintos tipos de imágenes y fotos, rectangulares, cuadradas, sacadas en formato vertical, horizontal, etc, para poder mostrar las imágenes de forma correcta Webered cuenta con una herramienta integrada que permite editar la relación de aspecto o dimensiones y las proporciones de las fotos.

Para poder acceder a esta función se debe acceder al Botón de Recorte o Crop

edicion-de-imagenes-63530aadba13d.JPG

Una vez en el modo edición de la imágen se contará con las siguientes opciones:

  • Selección libre : Permite hacer un recorte de la imágen sin restricciones
  • Relación de aspecto
    • 1:1 : Permite hacer recortes en Formato Cuadrado, (1 proporción de ancho x 1 de alto)
    • 4:3Permite hacer recortes en Formato Apaisados, (4 proporciones de ancho x 3 de alto)
    • 3:4Permite hacer recortes en Formato Vertical, (3 proporciones de ancho x 4 de alto)

En la siguiente animación te mostramos como editar y modificar la relación de aspecto de una foto :

crop128-63530d849c252.gif

πŸ’‘  Tip :  Al marca la casilla "Guardar como predeterminado", se establece la relación de aspecto seleccionada como por defecto para el resto de las imágenes cargadas.

 

Creado con Webered WEBERED