Los ajustes preestablecidos de imagen permiten a Adobe Experience Manager 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 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 visualicen. 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 Aplicar 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, 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 Enlarge
para mostrar imágenes a 500 x 500 píxeles y una llamada Thumbnail
para mostrar las imágenes a 150 x 150 píxeles. Para enviar imágenes en la variable Enlarge
y Thumbnail
size, Experience Manager encuentra la definición del ajuste preestablecido de imagen ampliable y de la imagen en miniatura preestablecida. A continuación, el Experience Manager 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 Experience Manager, seleccione el logotipo del Experience Manager para acceder a la consola de navegación global y, a continuación, seleccione el icono Herramientas y vaya a Recursos > 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.
Usted not es necesario publicar ajustes preestablecidos de imagen, ya que los ajustes preestablecidos de imagen se publican automáticamente.
El sistema muestra varias 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 Aumente el 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, 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 subrecursos los crea el Create Sub Asset process
dentro del DAM Update Asset
flujo de trabajo. Para ver este componente de proceso en el 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 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 DAM Update Asset
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 DAM Update Asset
flujo de trabajo, la variable Rasterize PDF/AI Image Preview Rendition
el componente de proceso rasteriza la primera página del recurso original (con 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 Dynamic Media Process Image Assets
componente de proceso dentro del flujo de trabajo.
En el flujo de trabajo de recursos de actualización de DAM, el paso de miniaturas de 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 Rasterize PDF/AI Image Preview Rendition
opciones de componentes de proceso mediante DAM Update Asset
flujo de trabajo.
Seleccione 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 DAM y, en la barra de herramientas, seleccione Editar. En la página de flujo de trabajo de recursos de actualización de DAM , pulse dos veces el botón Rasterize PDF/AI Image Preview Rendition
procesar componente para abrir su cuadro de diálogo Propiedades del paso.
Argumentos para rasterizar el PDF o el flujo de trabajo de IA
Argumento de proceso | Configuración predeterminada | Descripción |
---|---|---|
Tipos MIME | aplicación/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 ppi y la imagen de vista previa generada tiene un tamaño de 2048 x 2048 píxeles. Para una implementación típica, puede 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.
La anchura máxima y la altura máxima limitan 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 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 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, revise la siguiente información antes de crear ajustes preestablecidos de imagen.
Para los archivos de InDesign, los subrecursos se extraen solo si Adobe InDesign Server está integrado con Experience Manager. 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 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 de proceso Extracción de medios en la variable DAM Update Asset
El flujo de trabajo ejecuta varios scripts extend preconfigurados para procesar archivos de InDesign.
Las rutas de 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 de Dynamic Media utiliza las siguientes secuencias de comandos:
Nombre de ExtendScript | Predeterminado | Descripción |
---|---|---|
ThumbnailExport.jsx | Sí | Genera un PPI de 300 thumbnail.jpg representación optimizada y convertida en una representación PTIFF por Dynamic Media Process Image Assets componente de proceso. |
JPEGPagesExport.jsx | Sí | Genera un subrecurso de JPEG de 300 PPI para cada página. El subrecurso de JPEG es un recurso real almacenado en el recurso de InDesign. También está optimizado y se convierte en un PTIFF mediante la función DAM Update Asset flujo de trabajo. |
PDFPagesExport.jsx | No | Genera un subrecurso de PDF para cada página. El subrecurso del PDF se procesa como se describió anteriormente. Como el PDF solo contiene una página, no se generan subrecursos. |
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. Uno (Recursos de imagen de proceso de Dynamic Media) se utiliza para los recursos de imagen dinámicos. El otro (Miniaturas de proceso) se utiliza para la generación de miniaturas estáticas o cuando todos los demás procesos no pueden generar miniaturas. Independientemente, 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: 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. 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 centra dentro de la miniatura.
Los tamaños de miniatura para archivos EPS se configuran en la variable Miniaturas de EPS en la Argumentos en Miniaturas.
Los tamaños de miniatura para vídeos se configuran en la variable Miniaturas de FFmpeg en la Proceso ficha Argumentos.
Para configurar el tamaño de las miniaturas de la imagen:
Vaya a Herramientas > Flujo de trabajo > Modelos > Recurso de actualización DAM > Editar.
Seleccione el Recursos de imagen de proceso de Dynamic Media y seleccione Miniaturas pestaña . Cambie el tamaño de la miniatura, según sea necesario, y luego seleccione OK.
Seleccione el Miniaturas de proceso a continuación, seleccione la Miniaturas pestaña . Cambie el tamaño de la miniatura, según sea necesario, y luego seleccione OK.
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.
Select 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. El Experience Manager muestra varias 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 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.
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]}
Select Guardar todo.
Cree ajustes preestablecidos de imagen para que pueda aplicar la configuración de forma coherente en todas las imágenes 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, revise 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, revise la siguiente información antes de crear ajustes preestablecidos de imagen.
Consulte Formato del archivo InDesign (INDD).
Para crear ajustes preestablecidos de imagen:
En el Experience Manager, seleccione el logotipo del Experience Manager para acceder a la consola de navegación global y, a continuación, vaya a Herramientas > Recursos > Ajustes preestablecidos de imagen.
Seleccione 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 el Editar ajuste preestablecido de imagen , introduzca valores en la 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.
Seleccione Guardar.
Para crear un ajuste preestablecido de imagen interactivo, realice los pasos indicados en Crear 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 al Experience Manager 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.
Los ajustes preestablecidos de imagen y los recursos de imagen se publican automáticamente.
Cuando crea o edita ajustes preestablecidos de imagen, tiene las opciones descritas en esta sección. Además, Adobe recomienda estas opciones de "prácticas recomendadas" para comenzar:
Formato (pestaña Básico): 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 Sharp2.
Campo | Descripción |
---|---|
Nombre | Escriba 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 | 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ú . Elección JPEG ofrece las siguientes otras opciones: ・ Calidad - La escala de calidad del JPEG es de 1-100. La escala está visible al arrastrar el control deslizante. ・ Habilitar disminución de resolución de crominancia del 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 JPEG dividen la información de la 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 al obtener una media de los grupos de píxeles. La disminución de la resolución de muestreo reduce el volumen de datos en una mitad o un tercio, sin afectar casi a la calidad percibida. La disminución de resolución no es aplicable a las 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 estos Cuantificación de color del GIF opciones: ・ Tipo - Seleccionar Adaptable (predeterminado), Web o Macintosh. Si selecciona GIF con alfa, la opción Macintosh no está disponible. ・ Diámetro - Seleccionar Difusión o Off. ・ Número de colores - Introduce 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 Ninguna, Zip y Jpeg; para el TIFF, son Ninguna, LZW, Jpeg y Zip; y para el TIFF con Alpha son Ninguna, LZW y Zip. Elección PNG, PNG con alfa o EPS no proporciona opciones adicionales. |
Enfoque | Select Activar 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 | Select 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 desea convertir el recurso si es diferente del 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 | Select Ninguna, Enfoqueo Máscara de enfoque.
En Máscara de enfoque, tiene las siguientes opciones:
El enfoque se describe en
Uso del enfoque de imagen con Experience Manager Dynamic Media vídeo, en Enfoque de una imagen Ayuda en línea, y en Prácticas recomendadas para enfocar imágenes en Dynamic Media Classic PDF descargable.
|
Modo de remuestreo | Seleccione un Modo de remuestreo . 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 la Modificadores de imagen campo . Estos parámetros se definen en la variable Referencia de comandos del protocolo de servidor de imágenes. Importante: No se admite la siguiente funcionalidad enumerada en la API:
|
Además de las opciones disponibles en las pestañas Básico y Avanzado , 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 y 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.
Algunos modificadores de imagen no se puede usar en Experience Manager.
op_invert - Invierte cada componente de color para un efecto de imagen negativo.
&op_invert=1
op_blur - Aplica un filtro de desenfoque a la imagen.
&op_blur=7
Comandos combinados: op_blur y op-invert
&op_invert=1&op_blur=7
op_bright - Reduce o aumenta el brillo.
&op_brightness=58
opac - Ajusta la opacidad de la imagen. Permite reducir la opacidad en primer plano.
opac=29
En el Experience Manager, seleccione el logotipo del Experience Manager para acceder a la consola de navegación global y, a continuación, vaya a Herramientas > Recursos > Ajustes preestablecidos de imagen.
Seleccione un ajuste preestablecido y, a continuación, seleccione Editar. La variable Editar ajuste preestablecido de imagen se abre.
Realice cambios y seleccione Guardar para guardar los cambios o Cancelar para cancelar los cambios.
Los ajustes preestablecidos de imagen se publican automáticamente.