[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.
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.
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:
- Cree o edite un perfil de procesamiento.
- Configure las definiciones de representación requeridas.
- 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:
-
Vaya a CRXDE Lite (https://localhost:4502/crx/de).
-
Vaya al nodo de lista de ajustes preestablecidos de imagen en
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist
-
En la propiedad limit, cambie el valor, que se establece en 15 de forma predeterminada, por el número deseado.
-
Vaya al origen de datos del ajuste preestablecido de imagen en
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource
-
En la propiedad limit, cambie el número al deseado, por ejemplo,
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]} -
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.
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:
-
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.
-
Seleccione Crear.
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. -
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.
-
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.
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
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.
Opciones de pestaña avanzadas advanced-tab-options
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.
-
op_invert: invierte cada componente de color para obtener un efecto de imagen negativo.
code language-xml &op_invert=1
-
op_blur: aplica un filtro de desenfoque a la imagen.
code language-xml &op_blur=7
-
Comandos combinados - op_blur y op-invert
code language-xml &op_invert=1&op_blur=7
-
op_bright: disminuye o aumenta el brillo.
code language-xml &op_brightness=58
-
opac: ajusta la opacidad de la imagen. Permite reducir la opacidad en primer plano.
code language-xml opac=29
Editar ajustes preestablecidos de imagen modifying-image-presets
-
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.
-
Seleccione un ajuste preestablecido y luego seleccione Editar. Se abre la ventana Editar ajuste preestablecido de imagen.
-
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
- 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.
- Vaya a Assets > Ajustes preestablecidos de imagen.
- 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.