Componente Imagen image-component

Iniciar recorte

Al seleccionar esta opción, se abrirá una lista desplegable para las proporciones de recorte predefinidas.

• Elija la opción Quitar recorte para mostrar el recurso original.

Una vez seleccionada una opción de recorte, utilice los controladores azules para cambiar el tamaño del recorte en la imagen.

Girar a la derecha

Utilice esta opción para girar la imagen 90° a la derecha (en el sentido de las agujas del reloj).

Restablecer zoom

Si la imagen ya se ha ampliado, utilice esta opción para restablecer el nivel de zoom.

Abrir deslizador del zoom

Utilice esta opción para mostrar un control deslizante para controlar el nivel de zoom de la imagen.

Heredar imagen destacada de la página: esta opción utiliza la imagen destacada de la página vinculada o la imagen destacada de la página actual si la imagen no está vinculada.

Recurso de imagen: se rellena automáticamente si Heredar imagen destacada de la página está seleccionado. Anule la selección de esta opción para definir manualmente la imagen mediante las siguientes opciones.

• Coloque un recurso desde el explorador de recursos o pulse la opción examinar para cargar desde un sistema de archivos local.

• Pulse o haga clic en Borrar para anular la selección de la imagen seleccionada actualmente.

• Pulse o haga clic en Seleccionar para abrir el explorador de recursos para seleccionar una imagen.

  • Si Soporte de recursos remotos está habilitado, tiene múltiples opciones para seleccionar un recurso:

    • Local selecciona de la biblioteca de recursos de AEM local.
    • Remoto selecciona desde una biblioteca de Dynamic Media fuera de su instancia de AEM.

• Pulse o haga clic en Editar para administrar las representaciones del recurso en el Editor de recursos.

Texto alternativo para fines de accesibilidad: este campo le permite definir una descripción de la imagen para los usuarios con discapacidades visuales.

• Heredar texto alternativo de la página: esta opción utiliza la descripción alternativa del valor de recurso vinculado de los dc:description metadatos en DAM o de la página actual si no hay ningún recurso vinculado.

No proporcionar texto alternativo: esta opción marca la imagen para que sea ignorada por las tecnologías de asistencia, como lectores de pantalla, en casos en los que la imagen es puramente decorativa o no transmiten información adicional a la página.

Tipo de ajuste preestablecido: define los tipos de ajustes preestablecidos de imagen disponibles, ya sea Ajustes preestablecidos de imágenes o Recorte inteligente, y solo está disponible cuando las funciones de Dynamic Media están habilitadas.

• Ajuste preestablecido de imagen: cuando se selecciona Tipo de ajuste preestablecido de Ajuste preestablecido de imagen, está disponible el desplegable Ajuste preestablecido de imagen, que permite seleccionar entre los ajustes preestablecidos disponibles de Dynamic Media. Esto solo está disponible si se han definido ajustes preestablecidos para el recurso seleccionado.
• Recorte inteligente: cuando se selecciona Tipo de ajuste preestablecido de Recorte inteligente, aparece disponible el menú desplegable Representación, que permite seleccionar entre las representaciones disponibles del recurso seleccionado. Esto solo está disponible si las representaciones están definidas para el recurso seleccionado.
• Modificadores de imagen: los comandos de servidor de imágenes adicionales de Dynamic Media se pueden definir aquí separados por &, independientemente de los tipos de ajustes preestablecidos seleccionados.

Pie de ilustración: información adicional sobre la imagen que se muestra debajo de la imagen de forma predeterminada.

• Obtener pie de ilustración de DAM: cuando se marca esta opción, el texto del pie de ilustración de la imagen se rellena con el valor de los metadatos dc:title de DAM.
• Mostrar pie de ilustración como elemento emergente: cuando esta opción está activada, el pie de ilustración no se mostrará debajo de la imagen, sino como una ventana emergente que se muestra en algunos exploradores al pasar el ratón por encima de la imagen.

Vínculo: vincule la imagen a otro recurso.

• Utilice el cuadro de diálogo de selección para vincular a otro recurso de AEM.
• Si no se vincula a un recurso de AEM, introduzca la dirección URL absoluta. Las direcciones URL no resueltas se interpretan como relativas a AEM.
• Abrir en pestaña nueva: esta opción abre el vínculo en una nueva ventana del explorador.

ID: esta opción permite controlar el identificador único del componente del HTML y de la capa de datos.

• Si se deja en blanco, se generará automáticamente un ID único que se puede encontrar inspeccionando la página resultante.
• Si se especifica un ID, es responsabilidad del autor asegurarse de que sea único.
• Cambiar el ID puede afectar al seguimiento de CSS, JS y de la capa de datos.

Activar funciones de DM: cuando esté marcada, las funciones de activación de Dynamic Media estarán disponibles.

• Esta opción solo aparece cuando Dynamic Media está habilitado en el entorno.

Habilitar imágenes optimizadas para web: cuando se selecciona esta opción, el servicio de envío de imágenes optimizadas para la web ofrece las imágenes en formato WebP, lo que reduce su tamaño en un 25 % como promedio.

• Esta opción solo está disponible en AEMaaCS.
• Cuando está desmarcada o el servicio de envío de imágenes optimizadas para la web no está disponible, se utiliza el servlet de imagen adaptable.

Desactivación de la carga diferida: cuando se selecciona esta opción, el componente carga previamente todas las imágenes sin carga diferida.

La imagen es decorativa: defina si la opción de imagen decorativa se habilita automáticamente al añadir el componente de imagen a una página.

Obtener texto alternativo de DAM: defina si la opción para recuperar el texto alternativo de DAM se habilita automáticamente al añadir el componente de imagen a una página.

Obtener pie de ilustración de DAM: defina si la opción para recuperar el pie de ilustración de DAM se habilita automáticamente al añadir el componente de imagen a una página.

Mostrar pie de ilustración como ventana emergente: defina si la opción para mostrar el pie de ilustración como elemento emergente se habilita automáticamente al agregar el componente de imagen a una página.

Cambiar anchura: este valor se utiliza para cambiar el tamaño de la anchura de las imágenes base que son activos DAM.

• Se conserva la relación de aspecto de las imágenes.
• Si el valor es mayor que la anchura real de la imagen, este valor no tendrá ningún efecto.
• Este valor no afecta a las imágenes SVG.

Anchuras: define una lista de anchuras en píxeles para la imagen y el componente y carga automáticamente la anchura más adecuada en función del tamaño del explorador.

• Pulse o haga clic en el botón Añadir para añadir otro tamaño.

  • Utilice los asideros para reorganizar el orden de tamaño.
  • Utilice el icono Eliminar para eliminar una anchura.

• De forma predeterminada, la carga de imágenes se aplazará hasta que se vuelva visible.

  • Seleccione la opción Desactivación de la carga diferida para cargar las imágenes al cargar la página.

Calidad JPEG: el factor de calidad (indicado en porcentajes de 0 a 100) para imágenes JPEG transformadas (por ejemplo, escaladas o recortadas).