[AEM Assets]{class="badge positive" title="(Se aplica a los AEM Assets)."}

Administrar ajustes preestablecidos de imagen managing-image-presets

Los ajustes preestablecidos de imagen permiten a Adobe Experience Manager Assets ofrecer imágenes dinámicamente en diferentes tamaños, en diferentes formatos o con otras propiedades de imagen que se generan dinámicamente. Cada ajuste preestablecido de imagen representa una colección predefinida de comandos de tamaño y formato para mostrar imágenes. Al crear un ajuste preestablecido de imagen, elige un tamaño para la entrega de imágenes. También puede elegir comandos de formato para optimizar el aspecto de la imagen cuando se envíe la imagen para su visualización.

Los administradores pueden crear ajustes preestablecidos para exportar recursos. Los usuarios pueden elegir un ajuste preestablecido al exportar imágenes, que también redistribuye las imágenes según las especificaciones del administrador.

También puede crear ajustes preestablecidos de imagen que respondan. Si aplica un ajuste preestablecido de imagen interactivo a los recursos, cambiarán según el dispositivo o el tamaño de pantalla en que se visualicen. Puede configurar los ajustes preestablecidos de imagen para que utilicen CMYK en el espacio de color, además de RGB o Gris.

En esta sección se describe cómo crear, modificar y administrar ajustes preestablecidos de imagen de forma general. Puede aplicar un ajuste preestablecido de imagen a una imagen cada vez que la previsualice. Consulte Aplicar ajustes preestablecidos de imagen.

NOTE
Las imágenes inteligentes funcionan con los ajustes preestablecidos de imagen existentes y utilizan inteligencia en el último milisegundo de envío para reducir aún más el tamaño del archivo de imagen en función de la velocidad de conexión del explorador o de la red. Consulte Imágenes inteligentes para obtener más información.

Más información sobre los ajustes preestablecidos de imagen understanding-image-presets

Al igual que una macro, un ajuste preestablecido de imagen es una colección predefinida de comandos de tamaño y formato guardados con un nombre. Para comprender cómo funcionan los ajustes preestablecidos de imagen, supongamos que el sitio web requiere que cada imagen de producto aparezca en diferentes tamaños, formatos y tasas de compresión para el escritorio y la entrega móvil.

Puede crear dos ajustes preestablecidos de imagen: 500 x 500 píxeles para escritorio y 150 x 150 píxeles para móvil. Puede crear dos ajustes preestablecidos de imagen, uno denominado Enlarge para mostrar imágenes a 500x500 píxeles y otro denominado Thumbnail para mostrar imágenes a 150 x 150 píxeles. Para enviar imágenes con el tamaño Enlarge y Thumbnail, Experience Manager encuentra la definición de Enlarge Image Preset y Thumbnail Image Preset. A continuación, Experience Manager genera dinámicamente una imagen con el tamaño y las especificaciones de formato de cada ajuste preestablecido de imagen.

Las imágenes de tamaño reducido cuando se envían de forma dinámica pueden perder nitidez y detalle. Por este motivo, cada ajuste preestablecido de imagen contiene controles de formato para optimizar una imagen cuando se entrega a un tamaño determinado. Estos controles garantizan que las imágenes sean nítidas y claras cuando se envíen al sitio web o a la aplicación.

Los administradores pueden crear ajustes preestablecidos de imagen. Para crear un ajuste preestablecido de imagen, puede empezar desde cero o puede empezar desde uno existente y guardarlo con un nuevo nombre.

Administrar ajustes preestablecidos de imagen managing-image-presets-1

Para administrar los ajustes preestablecidos de imagen en Experience Manager, seleccione el logotipo de Experience Manager para acceder a la consola de navegación global y, a continuación, seleccione el icono Herramientas y vaya a Assets > Ajustes preestablecidos de imagen.

6_5_tools-assets-imagepresets

NOTE
Los ajustes preestablecidos de imagen que cree también estarán disponibles como representaciones dinámicas al obtener una vista previa de los recursos o enviarlos.
No necesita not publicar ajustes preestablecidos de imagen, ya que los ajustes preestablecidos de imagen se publican automáticamente.
Consulte Publicar ajustes preestablecidos de imagen.
NOTE
El sistema muestra varias representaciones cuando selecciona Representaciones en la vista de detalles de un recurso. Puede aumentar o disminuir el número de ajustes preestablecidos de imagen que se muestran. Ver Aumentar el número de ajustes preestablecidos de imagen que se muestran.

Relación entre los ajustes preestablecidos de imagen y las representaciones how-image-presets-relate-to-renditions

Los ajustes preestablecidos de imagen definen cómo Dynamic Media ofrece las imágenes, incluidos el tamaño, el formato, la compresión y otros parámetros de visualización. Los ajustes preestablecidos no generan representaciones por sí mismos. En su lugar, se basan en representaciones que se crean cuando se procesan los recursos.

Generación de representaciones en AEM as a Cloud Service rendition-generation-in-aemaacs

En AEM as a Cloud Service, las representaciones se generan mediante Microservicios de recursos. El flujo de trabajo de recursos de actualización de DAM no está disponible para la personalización en Cloud Service.

Entre las consideraciones importantes se incluyen las siguientes:

  • Las representaciones se generan en el momento de la carga.
  • Los cambios en un perfil de procesamiento afectan a los recursos recién cargados. Los activos existentes deben volver a procesarse si se requieren nuevas representaciones.
  • La personalización del modelo de flujo de trabajo no se admite en AEM as a Cloud Service para la generación de representaciones.

Los ajustes preestablecidos de imagen hacen referencia a las representaciones disponibles a la hora de envío. Asegúrese de que existan las representaciones necesarias antes de configurar o utilizar ajustes preestablecidos de imagen.

Para controlar qué representaciones se generan:

  1. Cree o edite un perfil de procesamiento.
  2. Configure las definiciones de representación requeridas.
  3. Aplique el perfil de procesamiento a la carpeta adecuada.

Cuando los recursos se cargan en una carpeta que tiene un perfil de procesamiento aplicado, los microservicios de recursos generan automáticamente las representaciones definidas.

Aumentar o reducir el número de ajustes preestablecidos de imagen que se muestran increasing-or-decreasing-the-number-of-image-presets-that-display

Los ajustes preestablecidos de imagen que cree estarán disponibles como representaciones dinámicas al obtener una vista previa de los recursos. Experience Manager muestra varias representaciones dinámicas al ver un recurso desde Vista de detalles > Representaciones. Puede aumentar o disminuir el límite de representaciones que se muestran.

Para aumentar o disminuir el número de ajustes preestablecidos de imagen que se muestran:

  1. Vaya a CRXDE Lite (https://localhost:4502/crx/de).

  2. Vaya al nodo de lista de ajustes preestablecidos de imagen en /libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist

    incremente_decreasethenumberofimagepresetsthatdisplay

  3. En la propiedad limit, cambie el valor, que se establece en 15 de forma predeterminada, por el número deseado.

  4. Vaya al origen de datos del ajuste preestablecido de imagen en /libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource

    chlimage_1-495

  5. En la propiedad limit, cambie el número al deseado, por ejemplo, {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

  6. Seleccione Guardar todo.

Crear ajustes preestablecidos de imagen creating-image-presets

Cree ajustes preestablecidos de imagen para poder aplicar los ajustes de forma coherente en todas las imágenes cuando previsualice o publique.

NOTE
Si utiliza Internet Explorer 9, la creación de un ajuste preestablecido no aparece en la lista de ajustes preestablecidos inmediatamente después de guardarlo. Para solucionar este problema, deshabilite la caché para IE9.

Si tiene intención de admitir la ingesta de archivos AI, PDF y EPS para poder generar una representación dinámica de estos formatos de archivo, revise la siguiente información antes de crear ajustes preestablecidos de imagen.

Ver formatos de archivo de Adobe Illustrator (AI), PostScript® (EPS) y PDF.

Si tiene intención de admitir la ingesta de archivos INDD para que pueda generar una representación dinámica de este formato de archivo, revise la siguiente información antes de crear ajustes preestablecidos de imagen.

Ver formato de archivo de InDesign (INDD).

Para crear ajustes preestablecidos de imagen:

  1. En Experience Manager, seleccione el logotipo de Experience Manager para acceder a la consola de navegación global y vaya a Herramientas > Assets > Ajustes preestablecidos de imagen.

  2. Seleccione Crear.

    chlimage_1-496

    note note
    NOTE
    Para que este ajuste preestablecido de imagen sea interactivo, borre los valores de los campos width y height y déjelos en blanco.
  3. En la ventana Editar ajuste preestablecido de imagen, escriba valores en las fichas Básico y Avanzado según corresponda, incluido un nombre. Las opciones se describen en Opciones de ajustes preestablecidos de imagen. Los ajustes preestablecidos aparecen en el panel izquierdo y se pueden utilizar sobre la marcha con otros recursos.

    6_5_imagepreset-edit

  4. Seleccione Guardar.

Crear un ajuste preestablecido de imagen interactivo creating-a-responsive-image-preset

Para crear un ajuste preestablecido de imagen interactivo, realice los pasos que se indican en Crear ajustes preestablecidos de imagen. Cuando introduzca la altura y anchura en la ventana Editar ajuste preestablecido de imagen, borre los valores y déjelos en blanco.

Si los deja en blanco, Experience Manager verá que este ajuste preestablecido de imagen responde. Puede ajustar los demás valores según corresponda.

NOTE
Para ver los botones URL y RESS al aplicar un ajuste preestablecido de imagen a un recurso, este debe publicarse.
chlimage_1-79
Los ajustes preestablecidos y los recursos de imagen se publican automáticamente.

Opciones de ajustes preestablecidos de imagen image-preset-options

Al crear o editar ajustes preestablecidos de imagen, tiene las opciones que se describen en esta sección. Además, Adobe recomienda estas opciones de "práctica recomendada" para comenzar:

  • Formato (ficha Básico): seleccione JPEG u otro formato que cumpla sus requisitos. Todos los navegadores web admiten el formato de imagen JPEG; ofrece un buen equilibrio entre los tamaños de archivos pequeños y la calidad de imagen. Sin embargo, las imágenes en formato JPEG utilizan un esquema de compresión con pérdidas que puede introducir artefactos de imagen no deseados si el ajuste de compresión es demasiado bajo. Por este motivo, Adobe recomienda establecer la calidad de compresión en 75. Este ajuste ofrece un buen equilibrio entre la calidad de imagen y el tamaño de archivo pequeño.

  • Habilitar enfoque simple: No seleccione Habilitar enfoque simple (este filtro de enfoque ofrece menos control que la configuración de máscara de enfoque).

  • Enfoque: Modo de remuestreo - Seleccione Enfoque2.

Opciones de pestaña básicas basic-tab-options

Campo
Descripción
Nombre
Introduzca un nombre descriptivo sin espacios en blanco. Para ayudar a los usuarios a identificar este ajuste preestablecido de imagen, incluya la especificación de tamaño de imagen en el nombre.
Anchura y altura
Especifique el tamaño en píxeles de la imagen resultante. La anchura y la altura deben ser superiores a 0 píxeles. Si alguno de los valores es 0, no se crea ningún ajuste preestablecido. Si ambos valores están en blanco, se crea un ajuste preestablecido de imagen interactivo.
Formato
Elija un formato en el menú.
Elegir JPEG ofrece las siguientes opciones:
· Calidad - La escala de calidad de JPEG es de 1 a 100. La escala es visible al arrastrar el control deslizante.
· Habilitar la disminución de resolución de crominancia en JPG: como el ojo es menos sensible a la información de color de alta frecuencia que la luminancia de alta frecuencia, las imágenes de JPEG dividen la información de imagen en componentes de luminancia y color. Cuando se comprime una imagen de JPEG, el componente de luminancia se deja a resolución completa, mientras que los componentes de color se reducen de resolución promediando grupos de píxeles juntos. La disminución de resolución reduce el volumen de datos a la mitad o a un tercio con un impacto mínimo en la calidad percibida. La disminución de resolución no es aplicable a imágenes en escala de grises. Esta técnica reduce la cantidad de compresión útil para imágenes con alto contraste (por ejemplo, imágenes con texto superpuesto).

Elegir GIF o GIF con alfa proporciona estas opciones adicionales de Cuantificación de color GIF:
· Tipo - Seleccionar Adaptable (predeterminado), Web o Macintosh. Si selecciona GIF con Alpha, la opción Macintosh no estará disponible.
· Tramado - Seleccionar Difuso o Desactivado.
· Número de colores - Escriba un número de 2 a 256.
· Lista de colores: escriba una lista separada por comas. Por ejemplo, para blanco, gris y negro, escriba 000000,888888,ffffff.

Elegir PDF, TIFF o TIFF con alpha proporciona esta opción adicional:
· Compresión - Seleccione un algoritmo de compresión. Las opciones de algoritmo para PDF son None, Zip y Jpeg; para TIFF son None, LZW, Jpeg y Zip; y para TIFF con Alpha son None, LZW y Zip.

Elegir PNG, PNG con Alpha o EPS no proporciona opciones adicionales.
Enfoque
Seleccione Activar enfoque simple para aplicar un filtro de enfoque básico a la imagen después de cambiar su tamaño. El enfoque puede ayudar a compensar el desenfoque que puede producirse cuando se muestra una imagen en un tamaño diferente.

Opciones de pestaña avanzadas advanced-tab-options

Campo
Descripción
Espacio de color
Seleccione RGB, CMYK, o Escala de grises para el espacio de color.
Perfil de color
Seleccione el perfil del espacio de color de salida al que desea convertir el recurso si es diferente del perfil de trabajo.
Procesar intención

Puede anular la interpretación predeterminada. Las intenciones de representación determinan lo que sucede con los colores que no se pueden reproducir en el perfil de color de destino (fuera de la gama). La Interpretación se ignora si no es compatible con el perfil ICC.

  • Seleccione Perceptual para comprimir la gama total de un espacio de color en otro espacio de color cuando uno o más colores de la imagen original estén fuera de la gama del espacio de color de destino.
  • Seleccione Colorimétrico relativo cuando un color del espacio de color actual esté fuera de la gama en el espacio de color de destino. Y desea asignarlo a la gama de colores de destino más cercana sin alterar otros colores.
  • Seleccione Saturación si desea reproducir la saturación de color de la imagen original al convertirla en el espacio de color de destino.
  • Seleccione Colorimétrico absoluto para que coincida exactamente con los colores sin ningún ajuste para el punto blanco o el punto negro que alteraría el brillo de la imagen.
Compensación de punto negro
Seleccione esta opción si el perfil de salida admite esta función. La compensación de punto negro se ignora si no es compatible con el perfil ICC especificado.
Distorsión
Seleccione esta opción para evitar o reducir posibles defectos de bandas de colores.
Tipo de enfoque

Seleccione Ninguno, Enfoque o Máscara de enfoque.

  • Seleccione Ninguno si desea deshabilitar el enfoque.
  • Seleccione Enfoque para aplicar un filtro de enfoque básico a la imagen después de cambiar su tamaño. El enfoque puede ayudar a compensar el desenfoque que puede producirse cuando se muestra una imagen en un tamaño diferente.
  • Seleccione Máscara de enfoque si desea ajustar un efecto de filtro de enfoque en la imagen final con disminución de resolución. Puede controlar la intensidad del efecto, el radio del efecto (medido en píxeles) y un umbral de contraste que se ignora. Este efecto utiliza las mismas opciones que el filtro "Máscara de enfoque" de Photoshop.

En Máscara de enfoque, tiene las siguientes opciones:

  • Cantidad: controla la cantidad de contraste aplicado a los píxeles del borde. El valor predeterminado del número real es 1,0. Para imágenes de alta resolución, puede aumentarla hasta 5,0. Considere la cantidad como una medida de la intensidad del filtro.
  • Radio: Determina el número de píxeles adyacentes a los píxeles de borde que afectarán al enfoque. Para imágenes de alta resolución, introduzca un número real entre 1 y 2. Un valor bajo enfoca únicamente los píxeles de borde; un valor alto enfoca una banda más ancha de píxeles. El valor correcto depende del tamaño de la imagen.
  • Umbral: determina el intervalo de contraste que se omitirá cuando se aplique el filtro Máscara de enfoque. En otras palabras, esta opción define en qué medida los píxeles enfocados deben diferir del área circundante para considerarse píxeles de borde y enfoque. Para evitar la introducción de ruido, experimente con valores enteros entre 2 y 20.
  • Aplicar a: determina si el enfoque se aplica a cada color o brillo.

El enfoque se describe en Uso del enfoque de imágenes con Experience Manager Dynamic Media vídeo, en Enfoque de una imagen tema de la Ayuda en línea y en Prácticas recomendadas para enfocar imágenes en Dynamic Media Classic PDF descargable.

Modo de remuestreo

Seleccione una opción Modo de remuestreo. Estas opciones enfocan la imagen cuando se reduce su resolución:

  • Bilinear: el método de remuestreo más rápido. Pueden verse algunos defectos de solapamiento.
  • Bicúbico: aumenta el uso de CPU, pero genera imágenes más nítidas con artefactos de solapamiento menos evidentes.
  • Enfocado2 - Puede producir resultados ligeramente más enfocados que los Bicúbicos, pero a un costo de CPU aún mayor.
  • Bi-Sharp: selecciona el remuestreador predeterminado de Photoshop para reducir el tamaño de imagen, lo que se denomina enfoque bicúbico en Adobe Photoshop.
  • Cada color y brillo - cada método puede basarse en el color o el brillo. De manera predeterminada, Cada color está seleccionado.
Resolución de impresión
Seleccione una resolución para imprimir esta imagen; el valor predeterminado es 72 píxeles.
Modificador de imagen

Más allá de la configuración de imagen común disponible en la interfaz de usuario, Dynamic Media admite numerosas modificaciones de imagen avanzadas que puede especificar en el campo Modificadores de imagen. Estos parámetros se definen en la referencia de comando del protocolo Image Server.

Importante: No se admiten las siguientes funciones enumeradas en la API:

  • Comandos básicos de creación de plantillas y procesamiento de texto: text= textAngle= textAttr= textFlowPath= textFlowXPath= textPath= y textPs=
  • Comandos de localización: locale= y req=xlate
  • req=set no está disponible para uso general.
  • req=mbrset
  • req=saveToFile
  • req=targets
  • template=
  • Servicios no principales de Dynamic Media: SVG, procesamiento de imágenes y web para impresión

Definir opciones de ajustes preestablecidos de imagen con modificadores de imagen defining-image-preset-options-with-image-modifiers

Además de las opciones disponibles en las pestañas Básico y Avanzado, puede definir modificadores de imagen para que tenga más opciones al definir ajustes preestablecidos de imagen. El procesamiento de imágenes se basa en la API de procesamiento de imágenes de Dynamic Media y se define en detalle en la Referencia de protocolo HTTP.

A continuación se muestran algunos ejemplos básicos de lo que se puede hacer con los modificadores de imagen.

NOTE
Algunos modificadores de imagen no se pueden usar en Experience Manager.
  • op_invert: invierte cada componente de color para obtener un efecto de imagen negativo.

    code language-xml
    &op_invert=1
    

    6_5_imagepreset-edit-invert

  • op_blur: aplica un filtro de desenfoque a la imagen.

    code language-xml
    &op_blur=7
    

    6_5_imagepreset-edit-blur

  • Comandos combinados - op_blur y op-invert

    code language-xml
    &op_invert=1&op_blur=7
    

    chlimage_1-80

  • op_bright: disminuye o aumenta el brillo.

    code language-xml
    &op_brightness=58
    

    6_5_imagepreset-edit-bright

  • opac: ajusta la opacidad de la imagen. Permite reducir la opacidad en primer plano.

    code language-xml
    opac=29
    

    6_5_imagepreset-edit-opacity

Editar ajustes preestablecidos de imagen modifying-image-presets

  1. En Experience Manager, seleccione el logotipo de Experience Manager para acceder a la consola de navegación global y vaya a Herramientas > Assets > Ajustes preestablecidos de imagen.

    6_5_imagepreset-editpreset

  2. Seleccione un ajuste preestablecido y luego seleccione Editar. Se abre la ventana Editar ajuste preestablecido de imagen.

  3. Realice cambios y seleccione Guardar para guardar los cambios o Cancelar para cancelar los cambios.

Publicar ajustes preestablecidos de imagen publishing-image-presets

Los ajustes preestablecidos de imagen se publican automáticamente.

Eliminar ajustes preestablecidos de imagen deleting-image-presets

  1. En Experience Manager, seleccione el logotipo de Experience Manager para acceder a la consola de navegación global y haga clic en el icono Herramientas.
  2. Vaya a Assets > Ajustes preestablecidos de imagen.
  3. Seleccione un ajuste preestablecido y, a continuación, seleccione Eliminar. Dynamic Media confirma que desea eliminarlo. Seleccione Eliminar para eliminar o seleccione Cancelar para volver a los ajustes preestablecidos de imagen.
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab