Soporte prioritario
Help Center > Editor V4 > Elements > Elemento de imagen

Elemento de imagen

ƚltima actualizaciĆ³n: septiembre 3, 2025

Esta publicaciĆ³n ha sido traducida mediante traducciĆ³n automĆ”tica, por lo que puede haber ligeras inexactitudes o diferencias en la redacciĆ³n en comparaciĆ³n con el original. Pedimos disculpas por cualquier inconveniente que esto pueda causar. Por favor, contĆ”ctenos si necesita que aclaremos algo para usted.

QuiĆ©n puede usar esta funciĆ³n:
Este artĆ­culo es para usuarios de Editor v4. Si estĆ” utilizando Editor v3, consulte el artĆ­culo correspondiente aquĆ­: Widget de imagen

AƱadir y eliminar el elemento

Para acceder y usar un widget:

  1. En el editor de Elementor, haga clic en +.
    Se muestran todos los widgets disponibles.

  2. Haga clic o arrastre el widget al lienzo. Para obtener mĆ”s informaciĆ³n, consulte AƱadir elementos a una pĆ”gina.

Para eliminar el widget:

  1. En el lienzo, seleccione el elemento haciendo clic en Ć©l.
  2. Pulse la tecla Suprimir en su teclado. Para obtener mĆ”s informaciĆ³n, consulte Eliminar elementos de una pĆ”gina.

ĀæQuĆ© es el elemento de imagen?

Las imĆ”genes juegan un papel crucial a la hora de captar la atenciĆ³n en los sitios web. El elemento de imagen le permite aƱadir y personalizar imĆ”genes en su sitio web. Puede cargar o seleccionar imĆ”genes, ajustar el tamaƱo y la alineaciĆ³n, aplicar efectos de desplazamiento y filtros, y enlazar fotos a URL especĆ­ficos.

Consulte todas las opciones disponibles con el widget de pƔrrafo.

Caso de uso comĆŗn

Alex estĆ” creando un sitio web para una nueva cafeterĆ­a. En la parte superior de la pĆ”gina de inicio quieren una imagen llamativa que atraiga la atenciĆ³n de los clientes potenciales.

Casos de uso adicionales

  • Utilice el elemento de imagen para crear una impresionante galerĆ­a de portafolio. Cada imagen puede estar enlazada a una pĆ”gina de proyecto o a una vista detallada.
  • Si estĆ” organizando un evento o seminario web, el elemento de imagen puede ayudarle a crear banners o carteles visualmente atractivos.
  • Utilice imĆ”genes para mostrar transformaciones de antes y despuĆ©s para renovaciones de viviendas, progreso fĆ­sico o cualquier otro recorrido de transformaciĆ³n.

AƱadir un elemento de imagen: paso a paso

  1. AƱada el widget de imagen al lienzo. Para obtener mĆ”s informaciĆ³n, consulte AƱadir elementos a una pĆ”gina.

    Las opciones para el elemento de imagen aparecen en el panel izquierdo.

  2. En la pestaƱa General, pase el ratĆ³n por encima del campo Imagen y haga clic en Seleccionar imagen.
  3. Elija una imagen de la biblioteca de medios y haga clic en Seleccionar.
    Para causar una gran impresiĆ³n, dejaremos la resoluciĆ³n de la imagen en Completa, pero dependiendo de sus necesidades, puede utilizar el menĆŗ desplegable para cambiar la resoluciĆ³n.
    Queremos que los visitantes hagan clic en la imagen para ir a la pƔgina de reservas, asƭ que aƱadiremos un enlace a la imagen.

  4. Haga clic en el signo mƔs junto a Enlace.

  5. En el cuadro de texto Enlace, aƱada la URL de la pƔgina a la que desea enlazar.

    Al hacer clic en la imagen, el visitante serĆ” dirigido a la URL del enlace.

Ajustes para el elemento de imagen

Puede personalizar sus elementos utilizando contenido y estilo, lo que le ofrece una gran flexibilidad para adaptarlos a sus necesidades. Haga clic en las pestaƱas de abajo para ver todos los ajustes disponibles para este elemento.

PestaƱa General

Haga clic para aƱadir una imagen al elemento.

Utilice el menĆŗ desplegable para seleccionar la calidad de la imagen. Cuanto mayor sea la resoluciĆ³n, mayor serĆ” la calidad. Las imĆ”genes de alta calidad tienen archivos de mayor tamaƱo y pueden afectar a los tiempos de carga de la pĆ”gina.

Enlace: Haga clic en el signo mƔs para introducir un enlace. Los visitantes que hagan clic en la imagen abrirƔn el enlace.

Abrir en una nueva pestaƱa: Si la imagen contiene un enlace, active esta opciĆ³n si desea que el enlace se abra en una nueva pestaƱa.

Utilice el menĆŗ desplegable para seleccionar la calidad de la imagen. Cuanto mayor sea la resoluciĆ³n, mayor serĆ” la calidad. Las imĆ”genes de alta calidad tienen archivos de mayor tamaƱo y pueden afectar a los tiempos de carga de la pĆ”gina.

Enlace: Haga clic en el signo mƔs para introducir un enlace. Los visitantes que hagan clic en la imagen abrirƔn el enlace.

Abrir en una nueva pestaƱa: Si la imagen contiene un enlace, active esta opciĆ³n si desea que el enlace se abra en una nueva pestaƱa.

Consulte los artĆ­culos individuales sobre las opciones de estilo:

PestaƱa Estilo

Consulte los artĆ­culos individuales sobre las opciones de estilo:

En esta pƔgina

Compartir este artĆ­culo

Hosted with