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 diseño para mostrar las 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.
Las imágenes inteligentes funcionan con los ajustes preestablecidos de imagen existentes y utilizan la 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 de red o del explorador. Consulte Imágenes inteligentes para obtener más información.
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. Puede crear dos ajustes preestablecidos de imagen, uno llamado Ampliar para mostrar imágenes a 500 x 500 píxeles y otro llamado Miniatura para mostrar 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.
Para administrar los ajustes preestablecidos de imagen en AEM, pulse el logotipo de AEM para acceder a la consola de navegación global y, a continuación, pulse el icono Herramientas y vaya a Assets > Ajustes preestablecidos de imagen.
Los ajustes preestablecidos de imagen que cree también estarán disponibles como representaciones dinámicas cuando realice la vista previa o el envío de recursos.
En Dynamic Media - modo Scene7, no necesita publicar ajustes preestablecidos de imagen, ya que los ajustes preestablecidos de imagen se publican automáticamente.
En Dynamic Media - Modo híbrido, debe publicar manualmente los ajustes preestablecidos de imagen.
El sistema muestra una variedad de representaciones al seleccionar Representaciones en la Vista de detalles de un recurso. Puede aumentar o disminuir el número de ajustes preestablecidos de imagen que se muestran. Consulte Aumento del número de ajustes preestablecidos de imagen que se muestran.
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:
El componente Create Sub Asset process
crea los subrecursos dentro del flujo de trabajo general DAM Update Asset
. Para ver este componente de proceso dentro del 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 cuando abra el recurso, pulse el menú Contenido y seleccione Subrecursos o Páginas. Los subactivos son activos reales. Es decir, las páginas PDF se extraen mediante el componente de flujo de trabajo Create Sub Asset
. A continuación, se almacenan como page1.pdf
, page2.pdf
, etc. debajo del recurso principal. Una vez almacenados, el flujo de trabajo DAM Update Asset 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 flujo de trabajo DAM Update Asset, el componente de proceso [!UICONTROL Rasterizar PDF/AI Image Preview</a3/> rasteriza la primera página del recurso original utilizando la resolución configurada en una cqdam.preview.png
representación.]
A continuación, la representación cqdam.preview.png
se optimiza en un PTIFF mediante el componente de proceso Dynamic Media Process Image Assets dentro del flujo de trabajo.
En el flujo de trabajo Activo de actualización de DAM, el paso Miniaturas EPS genera miniaturas para los archivos EPS.
Propiedad Metadata | Descripción |
---|---|
dam:Physicalwidthinpulgadas | Ancho del documento en pulgadas. |
dam:Physicalheightinpulgadas | Altura del documento en pulgadas. |
Puede acceder a las Rasterizar PDF/AI Image Preview Representtion opciones de componentes de proceso mediante el flujo de trabajo DAM Update Asset.
Toque en Adobe Experience Manager en la parte superior izquierda, vaya a Herramientas > Flujo de trabajo > Modelos. En la página Modelos de flujo de trabajo, seleccione Recurso de actualización de DAM y, en la barra de herramientas, pulse Editar. En la página DAM Update Asset workflow, pulse dos veces el componente de proceso Rasterizar PDF/AI Image Preview Representation para abrir su cuadro de diálogo Propiedades de los pasos.
Argumentos para rasterizar el flujo de trabajo de PDF o AI
Argumento de proceso | Configuración predeterminada | Descripción |
Tipos MIME | application/pdf application/postscript aplicación/ilustrador |
Lista de tipos de mime de documento que se consideran documentos PDF o Illustrator. |
Ancho máximo | 2048 | Ancho máximo de la representación de vista previa generada, en píxeles. |
Alto máximo | 2048 | Altura máxima de la representación de vista previa generada, en píxeles. |
Resolución | 72 | Resolución para rasterizar la primera página, en ppi (píxeles por pulgada). |
Con los argumentos de proceso predeterminados, la primera página de un documento PDF/AI se rasteriza a 72 ppp 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.
Max Widthand Max Heightlimit limitan la resolución a la que 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.
El componente de proceso Rasterizar PDF/AI Image Preview Representation 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.
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 el flujo de trabajo DAM Update Asset ejecuta varios scripts preconfigurados Extend Scripts para procesar archivos de InDesign.
Las rutas Extend Script en los argumentos del componente de proceso Extracción de medios en el flujo de trabajo DAM Update Asset.
La integración de Dynamic Media utiliza las siguientes secuencias de comandos:
Ampliar nombre de script | Predeterminado | Descripción |
ThumbnailExport.jsx | Sí | Genera una representación thumbnail.jpg de 300 ppi optimizada y convertida en una representación PTIFF mediante Dynamic Media Process Image Assets componente de proceso. |
JPEGPagesExport.jsx | Sí | Genera un subrecurso JPEG de 300 ppi para cada página. El subrecurso JPEG es un recurso real almacenado bajo el recurso de InDesign. También está optimizado y se convierte en un PTIFF mediante el flujo de trabajo DAM Update Asset . |
PDFPagesExport.jsx | No | Genera un subrecurso PDF para cada página. El subrecurso PDF se procesa como se describió anteriormente. Dado que el PDF solo contiene una página, no se generan subrecursos. |
Puede configurar el tamaño de las miniaturas configurando esos ajustes en el flujo de trabajo Activo de actualización de DAM. Hay dos pasos en el flujo de trabajo donde puede configurar el tamaño de las miniaturas de los recursos de imagen. Aunque se utiliza uno (Dynamic Media Process Image Assets) para los recursos de imagen dinámica y el otro (Procesar miniaturas) para la generación de miniaturas estáticas o cuando todos los demás procesos no pueden generar miniaturas, ambos deben 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: width:height:center, 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:
Pulse Herramientas > Flujo de trabajo > Modelos > Recurso de actualización DAM > Editar.
Pulse el paso Dynamic Media Process Image Assets y, a continuación, pulse la pestaña Miniaturas. 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 pulse Aceptar.
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.
Pulse Guardar para guardar los cambios en el flujo de trabajo.
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 que se muestran:
Vaya a CRXDE Lite (http://localhost:4502/crx/de).
Vaya al nodo de listado de ajustes preestablecidos de imagen en /libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist
En la propiedad limit, cambie el valor, que está establecido en 15 de forma predeterminada, por 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.
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 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, es posible que desee revisar la siguiente información antes de crear ajustes preestablecidos de imagen.
Consulte Adobe Illustrator (AI), Postscript (EPS) y formatos de archivo 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 de archivo de InDesign (INDD).
Para crear ajustes preestablecidos de imagen de Dynamic Media, debe tener privilegios de administrador como administrador AEM o administrador de Admin Console.
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.
Pulse el icono Herramientas y, a continuación, vaya a Assets > Ajustes preestablecidos de imagen.
Toque Crear.
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 la página Editar ajuste preestablecido de imagen, introduzca valores en las pestañas 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.
Haga clic en Guardar.
Para crear un ajuste preestablecido de imagen interactivo, realice los pasos en Creación de ajustes preestablecidos de imagen. Cuando introduzca la altura y la anchura en la ventana 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.
Para ver los botones URL y RESS al aplicar un ajuste preestablecido de imagen a un recurso, este debe publicarse.
En el modo Dynamic Media - Scene7, los ajustes preestablecidos de imagen y los recursos de imagen se publican automáticamente.
En Dynamic Media: modo híbrido, debe publicar manualmente ajustes preestablecidos de imagen y recursos de imagen.
Cuando crea o edita ajustes preestablecidos de imagen, tiene las opciones descritas en esta sección. Además, Adobe recomienda las siguientes tres opciones de prácticas recomendadas para comenzar:
Campo | Descripción |
Nombre | Introduzca un nombre descriptivo sin espacios en blanco. Incluya la especificación de tamaño de imagen en el nombre para ayudar a los usuarios a identificar este ajuste preestablecido de imagen. |
Anchura y altura | Introduzca en píxeles el tamaño con el que se entrega la imagen. 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ú . Al elegir JPEG se ofrecen las siguientes opciones adicionales:
Elección
GIF o
GIF con alfa proporciona estas
Opciones de Cuantificación de color GIF:
Elección
PDF,
TIFF, o
TIFF con alfa proporciona esta opción adicional:
La selección de PNG, PNG con Alpha, o EPS no proporciona opciones adicionales. |
Enfoque | Seleccione la opción Habilitar enfoque simple para aplicar un filtro de enfoque básico a la imagen después de que se haya realizado todo el escalado. El enfoque puede ayudar a compensar el desenfoque que puede producirse al mostrar una imagen con un tamaño diferente. |
Campo | Descripción |
Espacio de color | Seleccione RGB, CMYK, o Escala de grises para el espacio de color. |
Perfil de color | Seleccione el perfil de espacio de color de salida al que debe convertirse el recurso si es diferente al perfil de trabajo. |
Procesar intención | Puede anular la interpretación predeterminada. Las intenciones de renderización determinan lo que sucede con los colores que no se pueden reproducir en el perfil de color de destino (fuera de gama). Se ignora la interpretación de intenciones si no es compatible con el perfil ICC.
|
Compensación de punto negro | Seleccione esta opción si el perfil de salida es compatible con esta función. La compensación de puntos negros se ignora si no es compatible con el perfil ICC especificado. |
Distorsión | Seleccione esta opción para evitar o reducir los artefactos de bandas de color. |
Tipo de perfeccionamiento | Seleccione None, Sharpen o Máscara de enfoque.
En Máscara de enfoque, tiene las siguientes opciones:
El enfoque se describe en
Adobe Dynamic Media Classic Image Quality and Sharpening Best Practices.
|
Modo de remuestreo | Seleccione una opción Resampling mode. Estas opciones afinan la imagen cuando se reduce su resolución:
|
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 se pueden especificar en el campo Modificadores de imagen. Estos parámetros se definen en la referencia del comando Image Server Protocol. Importante: No se admite la siguiente funcionalidad enumerada en la API:
|
Además de las opciones disponibles en las pestañas Basic y Advanced, puede definir modificadores de imagen para que le proporcionen 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 Referencia del protocolo HTTP.
A continuación se presentan algunos ejemplos básicos de lo que puede hacer con los modificadores de imagen.
Algunos modificadores de imagen no se pueden usar en AEM.
op_invert : invierte cada componente de color para obtener un efecto de imagen negativo.
&op_invert=1
op_blur : aplica un filtro de desenfoque a la imagen.
&op_blur=25
Comandos combinados: op_blur y op-invert
&op_invert=1&op_blur=25
op_bright : reduce o aumenta el brillo.
&op_brightness=75
opac : ajusta la opacidad de la imagen. Permite reducir la opacidad en primer plano.
opac=50
Para editar 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, a continuación, vaya a Assets > Ajustes preestablecidos de imagen.
Seleccione un ajuste preestablecido y, a continuación, pulse Editar.
En la página Editar ajustes preestablecidos de imagen, realice los cambios que desee y pulse Guardar.
Si está ejecutando Dynamic Media en modo híbrido, debe publicar manualmente los ajustes preestablecidos de imagen.
Si está ejecutando el modo Dynamic Media - Scene7, los ajustes preestablecidos de imagen se publican automáticamente; no es necesario que complete estos pasos.
Para 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.
Pulse el icono 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 Publicar.
Una vez publicado el ajuste preestablecido de imagen, el estado cambia de no publicado a publicado.