Administración de ajustes preestablecidos de imagen de Dynamic Media managing-image-presets
Los ajustes preestablecidos de imagen permiten a AEM Assets entregar de forma dinámica imágenes con tamaños diferentes, en formatos diferentes o con otras propiedades de imagen generadas de forma dinámica. 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, se elige un tamaño para la entrega de imágenes. También puede elegir los comandos de formato para que el aspecto de la imagen se optimice cuando la imagen se entregue para su visualización.
Los administradores pueden crear ajustes preestablecidos para exportar recursos. Los usuarios pueden elegir un ajuste preestablecido cuando exportan imágenes, lo que también les permite cambiar el formato de las imágenes según las especificaciones del administrador.
También puede crear ajustes preestablecidos de imagen que sean interactivos. Si aplica un ajuste preestablecido de imagen adaptable a sus recursos, estos cambian según el dispositivo o el tamaño de pantalla en el que se vean. Puede configurar 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 los ajustes preestablecidos de imagen en general. Puede aplicar un ajuste preestablecido de imagen a una imagen cada vez que la previsualice. Consulte Aplicación de ajustes preestablecidos de imagen.
Explicación de los ajustes preestablecidos de imagen de Dynamic Media understanding-image-presets
Al igual que una macro de software, 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 diferentes y tasas de compresión para la entrega por equipos de escritorio y dispositivos móviles.
Puede crear dos ajustes preestablecidos de imagen: uno con 500 x 500 píxeles para la versión de escritorio y 150 x 150 píxeles para la versión móvil. Se crean dos ajustes preestablecidos de imagen, uno llamado Ampliar para mostrar imágenes a 500 x 500 píxeles y una llamada Miniatura para mostrar las imágenes a 150 x 150 píxeles. Para ofrecer imágenes con el tamaño Ampliar y Miniatura, AEM busca la definición del ajuste preestablecido Ampliar imagen y el ajuste preestablecido de imagen en miniatura. A continuación, AEM genera dinámicamente una imagen con las especificaciones de tamaño y formato de cada ajuste preestablecido de imagen.
Las imágenes con un tamaño reducido cuando se entregan 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 concreto. Estos controles garantizan que las imágenes sean nítidas y claras cuando se envían 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 desde uno existente y guardarlo con un nuevo nombre.
Administración de ajustes preestablecidos de imagen de Dynamic Media managing-image-presets-1
Para administrar los ajustes preestablecidos de imagen en AEM, pulse el logotipo de AEM para acceder a la consola de navegación global, pulse el icono Herramientas y navegue hasta Assets > Ajustes preestablecidos de imagen.
Formatos de archivo Adobe Illustrator (AI), Postscript (EPS) y PDF adobe-illustrator-ai-postscript-eps-and-pdf-file-formats
Si tiene intención de admitir la ingesta de archivos AI, EPS y PDF para poder generar representaciones dinámicas de estos formatos de archivo, es posible que desee revisar la siguiente información antes de crear ajustes preestablecidos de imagen.
El formato de archivo de Adobe Illustrator es una variante de PDF. Las principales diferencias, en el contexto de AEM Assets, son las siguientes:
- Los documentos de Adobe Illustrator constan de una sola página con varias capas. Cada capa se extrae como un subrecurso PNG bajo el recurso principal de Illustrator.
- Los documentos del PDF constan de una o más páginas. Cada página se extrae como un subrecurso de PDF de página única en el documento principal de PDF de varias páginas.
Los subrecursos se crean mediante la variable Create Sub Asset process
dentro del DAM Update Asset
flujo de trabajo. Para ver este componente de proceso en el flujo de trabajo, pulse Herramientas > Flujo de trabajo > Modelos > Recurso de actualización DAM > Editar.
Consulte también Visualización de páginas de un archivo de varias páginas.
Puede ver los subrecursos o las páginas al abrir el recurso, pulsar el menú Contenido y seleccionar Subrecursos o Páginas. Los subactivos son activos reales. Es decir, las páginas del PDF se extraen mediante la variable Create Sub Asset
componente de flujo de trabajo. A continuación, se almacenan como page1.pdf
, page2.pdf
, etc. debajo del recurso principal. Una vez almacenados, la variable Recurso de actualización DAM flujo de trabajo los procesa.
Para utilizar Dynamic Media para obtener una vista previa y generar representaciones dinámicas para archivos AI, EPS o PDF, se requieren los siguientes pasos de procesamiento:
-
En el Recurso de actualización DAM flujo de trabajo, la variable Rasterizar representación de PDF/vista previa de imagen de IA componente de proceso rasteriza la primera página del recurso original mediante la resolución configurada en un
cqdam.preview.png
representación. -
La variable
cqdam.preview.png
a continuación, la representación se optimiza en un PTIFF mediante la función Recursos de imagen de proceso de Dynamic Media componente de proceso dentro del flujo de trabajo.
Propiedades de metadatos de recursos de PDF/IA/EPS pdf-ai-eps-asset-metadata-properties
Puede acceder a Rasterizar representación de PDF/vista previa de imagen de IA opciones de componentes de proceso mediante Recurso de actualización DAM flujo de trabajo.
Toque en Adobe Experience Manager, en la esquina superior izquierda, vaya a Herramientas > Flujo de trabajo > Modelos. En el Modelos de flujo de trabajo página, seleccione Recurso de actualización DAM y, a continuación, en la barra de herramientas, pulse Editar. En el Flujo de trabajo de recursos de actualización de DAM , toque dos veces el botón Rasterizar representación de PDF/vista previa de imagen de IA procesar componente para abrir su Propiedades de los pasos para abrir el Navegador.
Rasterizar opciones de representación de vista previa de imágenes de PDF/AI rasterize-pdf-ai-image-preview-rendition-options
Argumentos para rasterizar el PDF o el flujo de trabajo de IA
Con los argumentos de proceso predeterminados, la primera página de un documento PDF/AI se rasteriza a 72 ppi y la imagen de vista previa generada tiene un tamaño de 2048 x 2048 píxeles. Para una implementación típica, es posible que desee aumentar la resolución a un mínimo de 150 ppi o más. Por ejemplo, un documento de tamaño de letra de EE. UU. a 300 ppi requiere una anchura y una altura máximas de 2550 x 3300 píxeles, respectivamente.
Ancho máximo y Altura máxima limitar la resolución a la que se debe rasterizar. Por ejemplo, si los máximos no cambian y la resolución se establece en 300 ppi, se rasteriza un documento de carta de EE. UU. a 186 ppi. Es decir, el documento es de 1581 x 2046 píxeles.
La variable Rasterizar representación de PDF/vista previa de imagen de IA el componente de proceso tiene un máximo definido para garantizar que no cree imágenes demasiado grandes en la memoria. Estas imágenes grandes pueden desbordarse la memoria proporcionada a la JVM (máquina virtual Java). Se debe tener cuidado de proporcionar a la JVM suficiente memoria para administrar el número configurado de flujos de trabajo paralelos, con cada uno con el potencial de crear una imagen al tamaño máximo configurado.
Formato del archivo InDesign (INDD) indesign-indd-file-format
Si tiene intención de admitir la ingesta de archivos INDD para poder generar una representación dinámica de este formato de archivo, es posible que desee revisar la siguiente información antes de crear ajustes preestablecidos de imagen.
Para los archivos de InDesign, los subrecursos se extraen solo si el servidor de Adobe InDesign está integrado con AEM. Los recursos a los que se hace referencia están vinculados según sus metadatos. No se requiere InDesign Server para la vinculación. Sin embargo, los recursos a los que se hace referencia deben estar presentes en AEM antes de que se procesen los archivos de InDesign para que se creen los vínculos entre los archivos de InDesign y los recursos a los que se hace referencia.
Consulte Integración de AEM Assets con InDesign Server.
El componente de proceso Extracción de medios en la variable Recurso de actualización DAM el flujo de trabajo ejecuta varias Ampliar secuencias de comandos para procesar archivos de InDesign.
La variable Extensión de secuencia de comandos rutas en los argumentos de Extracción de medios componente de proceso en el Recurso de actualización DAM flujo de trabajo.
La integración de Dynamic Media utiliza las siguientes secuencias de comandos:
Configuración del tamaño de la miniatura de imagen configuring-image-thumbnail-size
Puede configurar el tamaño de las miniaturas configurando esos ajustes en la variable Recurso de actualización DAM flujo de trabajo. Hay dos pasos en el flujo de trabajo donde puede configurar el tamaño de las miniaturas de los recursos de imagen. Aunque uno (Recursos de imagen de proceso de Dynamic Media) se utiliza para los recursos de imagen dinámica y el otro (Miniaturas de proceso) para la generación de miniaturas estáticas o cuando todos los demás procesos no pueden generar miniaturas, both debe tener la misma configuración.
Con el paso Recursos de imagen de proceso de Dynamic Media, el servidor de imágenes genera miniaturas y esta configuración es independiente de la configuración aplicada al paso Procesar miniaturas. La generación de miniaturas a través del paso Miniaturas de proceso es la forma más lenta y con mayor consumo de memoria para crear miniaturas.
El tamaño de las miniaturas se define en el siguiente formato: widthcenter, por ejemplo 80:80:false. La anchura y la altura determinan el tamaño en píxeles de la miniatura; el valor central es false o true y, si se establece en true, indica que la imagen en miniatura tiene exactamente el tamaño indicado en la configuración. Si la imagen cambiada de tamaño es más pequeña, se centrará dentro de la miniatura.
-
El tamaño de las miniaturas de los archivos EPS se configura en el paso de miniaturas EPS, en la pestaña Argumentos **, en Miniaturas**.
-
El tamaño de las miniaturas de los vídeos se configura en el paso Miniaturas FFmpeg, en la pestaña Proceso, en Argumentos.
Para configurar el tamaño de las miniaturas:
-
Toque Herramientas > Flujo de trabajo > Modelos > Recurso de actualización DAM > Editar.
-
Toque . Recursos de imagen de proceso de Dynamic Media a continuación, pulse el botón Miniaturas pestaña . Cambie el tamaño de la miniatura, según sea necesario, y pulse Aceptar.
-
Pulse el paso Procesar miniaturas y, a continuación, pulse la pestaña Miniaturas. Cambie el tamaño de la miniatura, según sea necesario, y toque OK.
note note NOTE Los valores del argumento de miniaturas del paso Miniaturas de proceso deben coincidir con el argumento de miniaturas del paso Recursos de imagen de proceso de Dynamic Media. -
Toque Guardar para guardar los cambios en el flujo de trabajo.
Aumento o disminución del número de ajustes preestablecidos de imagen de Dynamic Media 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 cuando se previsualizan los recursos. AEM muestra una variedad de representaciones dinámicas al ver un recurso desde Vista de detalles > Representaciones. Puede aumentar o reducir el límite de representaciones que se muestran.
Para aumentar o reducir el número de ajustes preestablecidos de imagen de Dynamic Media mostrados:
-
Vaya a CRXDE Lite (http://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 el límite propiedad, cambie la variable value, que se establece en 15 de forma predeterminada, con el número deseado.
-
Vaya a la fuente 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 por el número deseado, por ejemplo
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}
-
Toque Guardar todo.
Creación de ajustes preestablecidos de imagen de Dynamic Media creating-image-presets
La creación de un ajuste preestablecido de imagen de Dynamic Media permite aplicar esta configuración a cualquier imagen al obtener una vista previa o publicar.
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, es posible que desee revisar la siguiente información antes de crear ajustes preestablecidos de imagen.
Consulte Formatos de archivo Adobe Illustrator (AI), Postscript (EPS) y PDF.
Si tiene intención de admitir la ingesta de archivos INDD para poder generar una representación dinámica de este formato de archivo, es posible que desee revisar la siguiente información antes de crear ajustes preestablecidos de imagen. Consulte Formato del archivo InDesign (INDD).
Para crear un ajuste preestablecido de imagen de Dynamic Media:
-
En AEM, pulse el logotipo de AEM para acceder a la consola de navegación global.
-
Toque . Herramientas y, a continuación, vaya a Assets > Ajustes preestablecidos de imagen.
-
Pulse Crear.
note note NOTE Para que este ajuste preestablecido de imagen sea interactivo, borre los valores de los campos de anchura y altura y déjelos en blanco. -
En el Editar ajuste preestablecido de imagen , introduzca valores en la variable Básico y Avanzadas , 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.
-
Haga clic en Guardar.
Creación de un ajuste preestablecido de imagen interactivo creating-a-responsive-image-preset
Para crear un ajuste preestablecido de imagen interactivo, realice los pasos indicados en Creación de ajustes preestablecidos de imagen. Al introducir la altura y la anchura en la variable Editar ajuste preestablecido de imagen , borre los valores y déjelos en blanco.
Dejarlos en blanco indica AEM que este ajuste preestablecido de imagen es interactivo. Puede ajustar los demás valores según corresponda.
Opciones de ajustes preestablecidos de imagen image-preset-options
Cuando crea o edita ajustes preestablecidos de imagen, tiene las opciones descritas en esta sección. Además, el Adobe recomienda las tres siguientes prácticas recomendadas opciones para comenzar:
- Formato (Básico pestaña) - Seleccionar JPEG u otro formato que cumpla con sus necesidades. 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.
- Activar enfoque simple - No seleccione Activar enfoque simple (este filtro de enfoque ofrece menos control que la configuración de máscara de enfoque).
- Enfoque: Modo de remuestreo - Seleccionar Sharp2.
Opciones de ficha básicas basic-tab-options
Opciones de ficha avanzadas advanced-tab-options
Definición de opciones de ajustes preestablecidos de imagen con modificadores de imagen defining-image-preset-options-with-image-modifiers
Además de las opciones disponibles en la Básico y Avanzadas , puede definir modificadores de imagen para ofrecerle 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. La API se define en detalle en la sección Referencia de protocolo HTTP.
A continuación se presentan algunos ejemplos básicos de lo que puede hacer con los modificadores de imagen.
-
op_invert - Invierte cada componente de color para 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=25
-
Comandos combinados: op_blur y op-invert
code language-xml &op_invert=1&op_blur=25
-
op_bright - Reduce o aumenta el brillo.
code language-xml &op_brightness=75
-
opac - Ajusta la opacidad de la imagen. Permite reducir la opacidad en primer plano.
code language-xml opac=50
Edición de ajustes preestablecidos de imagen modifying-image-presets
Para editar ajustes preestablecidos de imagen:
-
En AEM, pulse el logotipo de AEM para acceder a la consola de navegación global.
-
Toque . Herramientas y, a continuación, vaya a Assets > Ajustes preestablecidos de imagen.
-
Seleccione un ajuste preestablecido y, a continuación, pulse Editar.
-
En el Editar ajustes preestablecidos de imagen , realice los cambios que desee y, a continuación, pulse Guardar.
Publicación de ajustes preestablecidos de imagen de Dynamic Media publishing-image-presets
Si está ejecutando Dynamic Media en modo híbrido, debe publicar manualmente los ajustes preestablecidos de imagen.
Si está ejecutando Dynamic Media en modo Scene7, los ajustes preestablecidos de imagen se publican automáticamente; no es necesario que complete estos pasos.
Publicar ajustes preestablecidos de imagen en Dynamic Media: modo híbrido:
-
En AEM, pulse el logotipo de AEM para acceder a la consola de navegación global.
-
Toque . Herramientas y, a continuación, vaya a Assets > Ajustes preestablecidos de imagen.
-
Seleccione el ajuste preestablecido de imagen o varios ajustes preestablecidos de imagen de la lista de ajustes preestablecidos de imagen y, a continuación, pulse Publicación.
-
Una vez publicado el ajuste preestablecido de imagen, el estado cambia de no publicado a publicado.
Eliminación de ajustes preestablecidos de imagen de Dynamic Media deleting-image-presets
- En AEM, pulse el logotipo de AEM para acceder a la consola de navegación global.
- Toque . Herramientas y, a continuación, vaya a Assets > Ajustes preestablecidos de imagen.
- Seleccione un ajuste preestablecido y, a continuación, pulse Eliminar. Dynamic Media confirma que desea eliminarlo. Pulse Eliminar.