Administrar ajustes preestablecidos de imagen managing-image-presets
Los ajustes preestablecidos de imagen permiten a Adobe Experience Manager Assets entregar dinámicamente imágenes 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 adaptable 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 del RGB o el gris.
En esta sección se describe cómo crear, modificar y administrar ajustes preestablecidos de imagen. 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: uno con 500 x 500 píxeles para la versión de escritorio y otro con 150 x 150 píxeles para la versión móvil. Puede crear dos ajustes preestablecidos de imagen, uno llamado Enlarge
para mostrar imágenes a 500x500 píxeles y una llamada Thumbnail
para mostrar imágenes a 150 x 150 píxeles. Para enviar imágenes en Enlarge
y Thumbnail
En cuanto a su tamaño, el Experience Manager encuentra la definición de los ajustes preestablecidos Ampliar imagen y Miniatura de imagen. A continuación, el 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 gestionar los ajustes preestablecidos de imagen en Experience Manager, seleccione el logotipo del Experience Manager para acceder a la consola de navegación global, seleccione el icono Herramientas y desplácese hasta Assets > Ajustes preestablecidos de imagen.
Formatos de archivo de 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, revise 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 Experience Manager 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 en el recurso principal de Illustrator.
- Los documentos del PDF constan de una o más páginas. Cada página se extrae como un subactivo de PDF de página única en el documento principal de PDF de varias páginas.
Los subrecursos los crea el Create Sub Asset process
componente dentro del conjunto DAM Update Asset
flujo de trabajo. Para ver este componente de proceso dentro del flujo de trabajo, vaya a Herramientas > Flujo de trabajo > Modelos > Recurso de actualización DAM > Editar.
Puede ver los subrecursos o las páginas al abrir el recurso, seleccionar el menú Contenido y seleccionar Recursos secundarios o Páginas. Los subactivos son activos reales. Es decir, las páginas 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, el DAM Update Asset
el flujo de trabajo los procesa.
Para utilizar Dynamic Media para previsualizar y generar representaciones dinámicas para archivos AI, EPS o de PDF, se requieren los siguientes pasos de procesamiento:
-
En el
DAM Update Asset
flujo de trabajo,Rasterize PDF/AI Image Preview Rendition
el componente de proceso rasteriza la primera página del recurso original (con la resolución configurada) en unacqdam.preview.png
representación. -
El
cqdam.preview.png
la representación se optimiza en un PTIFF mediante elDynamic Media Process Image Assets
componente de proceso dentro del flujo de trabajo.
Propiedades de metadatos de recursos de PDF/AI/EPS pdf-ai-eps-asset-metadata-properties
Puede acceder a Rasterize PDF/AI Image Preview Rendition
procesar opciones de componentes mediante el DAM Update Asset
flujo de trabajo.
Seleccione Adobe Experience Manager en la parte superior izquierda y vaya a Herramientas > Flujo de trabajo > Modelos. En la página Modelos de flujo de trabajo, seleccione Recurso de actualización DAM y, en la barra de herramientas, seleccione Editar. En la página Flujo de trabajo de recursos de actualización de DAM, seleccione dos veces la opción Rasterize PDF/AI Image Preview Rendition
para abrir el cuadro de diálogo Propiedades del paso.
Rasterizar PDF/AI a las opciones de representación de previsualización de imagen rasterize-pdf-ai-image-preview-rendition-options
Argumentos para rasterizar el PDF o el flujo de trabajo de IA
application/postscript
application/illustrator
Con los argumentos de proceso predeterminados, la primera página de un documento de PDF/IA se rasteriza a 72 ppp y el tamaño de la imagen de vista previa generada es de 2048 x 2048 píxeles. Para una implementación típica, puede aumentar la resolución a un mínimo de 150 ppp o más. Por ejemplo, un documento de tamaño carta de EE. UU. a 300 ppp requiere una anchura y altura máximas de 2550 x 3300 píxeles, respectivamente.
La anchura máxima y la altura máxima limitan la resolución a la que se va a rasterizar. Por ejemplo, si los máximos no cambian y la resolución se establece en 300 ppp, un documento de carta de EE. UU. se rasteriza a 186 ppp. Es decir, el documento tiene 1581 x 2046 píxeles.
El Rasterize PDF/AI Image Preview Rendition
el componente de proceso tiene un máximo definido para garantizar que no cree imágenes demasiado grandes en la memoria. Estas imágenes de gran tamaño pueden desbordarse de la memoria proporcionada a la máquina virtual JVM (Java™). Se debe tener cuidado de proporcionar a JVM suficiente memoria para administrar el número configurado de flujos de trabajo paralelos, cada uno con el potencial de crear una imagen en el tamaño máximo configurado.
Formato de archivo InDesign (INDD) indesign-indd-file-format
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.
En el caso de los archivos de InDesign, los subrecursos se extraen únicamente si Adobe InDesign Server está integrado con Experience Manager. Los recursos a los que se hace referencia están vinculados según sus metadatos. El InDesign Server no es necesario para la vinculación. Sin embargo, los recursos a los que se hace referencia deben estar presentes en el Experience Manager 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.
El componente Proceso de extracción de medios en DAM Update Asset
El flujo de trabajo de ejecuta varios scripts extendidos preconfigurados para procesar archivos de InDesign.
Las rutas ExtendScript en los argumentos del componente de proceso Extracción de medios en el flujo de trabajo de recursos de actualización de DAM.
La integración con Dynamic Media utiliza los siguientes scripts:
thumbnail.jpg
que se optimiza y se convierte en una representación PTIFF de Dynamic Media Process Image Assets
componente de proceso.DAM Update Asset
flujo de trabajo.Configurar tamaño de miniatura de la imagen configuring-image-thumbnail-size
Puede configurar el tamaño de las miniaturas configurando estos ajustes en la variable Recurso de actualización DAM flujo de trabajo. En el flujo de trabajo hay dos pasos en los que puede configurar el tamaño de la miniatura de los recursos de imagen. Uno (Recursos de imagen de proceso Dynamic Media) se utiliza para recursos de imagen dinámica. El otro (Procesar miniaturas) se utiliza para la generación de miniaturas estáticas o cuando todos los demás procesos no generan miniaturas. Independientemente, ambos 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 la miniatura se define en el siguiente formato: anchuracentro, por ejemplo, 80:80:false
. La anchura y la altura determinan el tamaño en píxeles de la miniatura. El valor central puede ser false o true. Si se establece en true, indica que la imagen en miniatura tiene exactamente el tamaño indicado en la configuración. Si la imagen redimensionada es más pequeña, se centra dentro de la miniatura.
-
Los tamaños de miniatura de los archivos EPS se configuran en la variable Miniaturas de EPS paso, en el Argumentos en Miniaturas.
-
Los tamaños de miniatura de los vídeos se configuran en la variable Miniaturas FFmpeg paso, en el Proceso pestaña debajo de Argumentos.
Para configurar el tamaño de la miniatura:
-
Vaya a Herramientas > Flujo de trabajo > Modelos > Recurso de actualización DAM > Editar.
-
Seleccione el Recursos de imagen de proceso Dynamic Media y seleccione la opción Miniaturas pestaña. Cambie el tamaño de la miniatura, según sea necesario, y seleccione OK.
-
Seleccione el Procesar miniaturas , luego seleccione la opción Miniaturas pestaña. Cambie el tamaño de la miniatura, según sea necesario, y seleccione 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. -
Seleccionar Guardar para guardar los cambios en el flujo de trabajo.
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. El 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 al 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.
-
Navegue hasta 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 al deseado, por ejemplo,
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}
-
Seleccionar 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.
Consulte 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.
Consulte Formato de archivo InDesign (INDD).
Para crear ajustes preestablecidos de imagen:
-
En Experience Manager, seleccione el logotipo del Experience Manager para acceder a la consola de navegación global y, a continuación, 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 de anchura y altura y déjelos en blanco. -
En el Editar ajuste preestablecido de imagen , introduzca valores en la Básico y Avanzadas como 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.
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 en Crear ajustes preestablecidos de imagen. Al introducir la altura y anchura en la variable Editar ajuste preestablecido de imagen , borre los valores y déjelos en blanco.
Si los deja en blanco, el 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 descritas en esta sección. Además, Adobe recomienda estas opciones de "práctica recomendada" para comenzar:
-
Formato (Básico pestaña): seleccione JPEG u otro formato que cumpla 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 Enfocado2.
Opciones de pestaña básicas basic-tab-options
Elección JPEG ofrece las siguientes opciones adicionales:
· Calidad - La escala de calidad JPEG es 1-100. La escala es visible cuando arrastra el control deslizante.
· Activar disminución de resolución de crominancia de JPG - Dado que el ojo es menos sensible a la información de color de alta frecuencia que la luminancia de alta frecuencia, las imágenes JPEG dividen la información de la imagen en componentes de luminancia y color. Cuando se comprime una imagen del 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 la resolución reduce el volumen de datos en la mitad o en un tercio, sin afectar casi nada a 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).
Elección GIF o GIF con alfa proporciona estas opciones adicionales Cuantificación de color GIF opciones:
· Tipo - Seleccionar Adaptable (valor predeterminado), Web, o Macintosh. Si selecciona GIF con Alpha, la opción Macintosh no está disponible.
· Tramado - Seleccionar Difuso o Desactivado.
· Número de colores - Escriba un número 2 - 256.
· Lista de colores : introduzca una lista separada por comas. Por ejemplo, para blanco, gris y negro, escriba
000000,888888,ffffff
.Elección PDF, TIFF, o TIFF con alfa proporciona esta opción adicional:
· Compresión - Seleccione un algoritmo de compresión. Las opciones de algoritmo para el PDF son Ninguno, Zip, y Jpeg; para el TIFF, son Ninguno, LZW, Jpeg, y Zip; y para TIFF con Alpha son Ninguno, LZW, y Zip.
Elección 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 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 - Reduce o aumenta el brillo.
code language-xml &op_brightness=58
-
opaco - 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 del Experience Manager para acceder a la consola de navegación global y, a continuación, vaya a Herramientas > Assets > Ajustes preestablecidos de imagen.
-
Seleccione un ajuste preestablecido y luego seleccione Editar. El Editar ajuste preestablecido de imagen se abre.
-
Realice los 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 del 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 Eliminar. Dynamic Media confirma que desea eliminarlo. Seleccionar Eliminar para eliminar o seleccionar Cancelar para volver a Ajustes preestablecidos de imagen.