Perfiles de imagen de Dynamic Media image-profiles
Al cargar imágenes, puede recortar automáticamente la imagen al cargar aplicando un perfil de imagen a la carpeta.
Máscara de enfoque, opción unsharp-mask
Al crear un perfil de imagen, puede usar la opción Máscara de enfoque para ajustar un efecto de filtro de enfoque en la imagen final con disminución de resolución. Puede controlar la intensidad del efecto, el radio del efecto (medido en píxeles) y un umbral de contraste que se ignora. Este efecto utiliza las mismas opciones que el filtro "Máscara de enfoque" de Adobe Photoshop.
En Máscara de enfoque, tiene las siguientes opciones de filtrado:
El enfoque se describe en Imágenes de enfoque.
Opciones de recorte crop-options
Al implementar el recorte inteligente en imágenes, Adobe recomienda la siguiente práctica recomendada y aplica el siguiente límite:
Ver también limitaciones de Dynamic Media.
Las coordenadas de recorte inteligente dependen de la relación de aspecto. En la configuración de recorte inteligente de un perfil de imagen, si la proporción de aspecto es la misma para las dimensiones añadidas en el perfil de imagen, se envía la misma proporción de aspecto a Dynamic Media. El Adobe recomienda utilizar la misma área de recorte. Al hacerlo, se asegura de que no haya ningún impacto en las diferentes dimensiones utilizadas en el perfil de imagen.
Cada generación de recorte inteligente que cree requiere un procesamiento adicional. Por ejemplo, si se añaden más de cinco proporciones de aspecto de recorte inteligente, la tasa de ingesta de recursos puede ser lenta. También puede causar un aumento de la carga en los sistemas. Dado que el recorte inteligente se puede aplicar en el nivel de carpeta, Adobe recomienda utilizarlo solo para carpetas donde sea necesario.
Directrices para definir el recorte inteligente en un perfil de imagen
Para mantener bajo control el uso del recorte inteligente y optimizar el tiempo de procesamiento y el almacenamiento de los cultivos, Adobe recomienda las siguientes directrices y sugerencias:
- Los recursos de imagen a los que se va a aplicar un recorte inteligente deben tener un mínimo de 50 x 50 píxeles o más.
- Lo ideal es que tenga de 10 a 15 cultivos inteligentes por imagen para optimizar las relaciones de pantalla y el tiempo de procesamiento.
- Asigne un nombre a los cultivos inteligentes en función de las dimensiones de recorte, no del uso final. Al hacerlo, se ayuda a optimizar los duplicados en los que se utiliza una sola dimensión en varias páginas.
- Cree perfiles de imagen en cuanto a página/tipo de recurso para carpetas y subcarpetas específicas en lugar de un perfil de recorte inteligente común que se aplique a todas las carpetas o todos los recursos.
- Un perfil de imagen que aplique a las subcarpetas anulará un perfil de imagen que se aplique a la carpeta.
- No se permite un perfil de imagen que contenga dimensiones de recorte inteligente duplicadas.
- No se permiten perfiles de imagen con nombre duplicado que tengan definidas las opciones de recorte inteligente.
Tiene dos opciones de recorte de imagen entre las que elegir: recorte de píxeles y recorte inteligente. También puede optar por automatizar la creación de muestras de color e imagen o conservar el contenido de recorte en las resoluciones de destino.
Para recortar desde los lados de una imagen, escriba el número de píxeles que desea recortar desde cualquier lado o cada lado de la imagen. La cantidad de imagen que se recorta depende de la configuración de ppp (píxeles por pulgada) en el archivo de imagen.
Un recorte de píxeles de perfil de imagen se procesa de la siguiente manera:
· Los valores son Superior, Inferior, Izquierda y Derecha.
· La parte superior izquierda se considera
0,0
y el recorte de píxeles se calcula a partir de ahí.· Punto de inicio del recorte: izquierda es X y superior es Y
· Cálculo horizontal: tamaño de píxel horizontal de la imagen original menos izquierda y luego menos derecha.
· Cálculo vertical: altura de píxel vertical menos Superior y luego menos Inferior.
Por ejemplo, supongamos que tiene una imagen de 4000 x 3000 píxeles. Utilice valores: Superior=250, Inferior=500, Izquierda=300, Derecha=700.
Desde el recorte superior izquierdo (300.250) utilizando el espacio de relleno de (4000-300-700, 3000-250-500 o 3000.2250).
En la lista desplegable Opciones de recorte, seleccione Recorte inteligente y, a continuación, a la derecha de Recorte de imagen interactivo, habilite (active) la función.
Los tamaños predeterminados de los puntos de interrupción (Grande, Medium, Pequeño) abarcan todos los tamaños que usan la mayoría de las imágenes en dispositivos móviles y tabletas, escritorios y banners. Si lo desea, puede editar los nombres predeterminados de Grande, Medium y Pequeño.
Para agregar más puntos de interrupción, seleccione Agregar recorte; para eliminar un recorte, seleccione el icono Basura.
Busque y genere automáticamente muestras de alta calidad a partir de imágenes de productos que muestren color o textura.
En la lista desplegable Opciones de recorte, seleccione Recorte inteligente. A continuación, a la derecha de Muestra de color e imagen, habilite (active) la característica. Escriba un valor en píxeles en los cuadros de texto Width y Height.
Aunque todos los recortes de imágenes están disponibles en el carril Representaciones, las muestras solo se utilizan mediante la función Copiar URL. Utilice su propio componente de visualización para procesar la muestra en el sitio. La excepción a esta regla son los titulares de carrusel. Dynamic Media proporciona el componente de visualización para la muestra utilizada en los titulares del carrusel.
Uso de muestras de imagen
La dirección URL de las muestras de imagen es sencilla:
/is/image/company/<asset_name>:Swatch
Donde
:Swatch
se anexa a la solicitud de recurso.Con muestras de color
Para usar muestras de color, realice una solicitud
req=userdata
con lo siguiente:/is/image/<company_name>/<swatch_asset_name>:Swatch?req=userdata
Por ejemplo, el siguiente es un recurso de muestra en Dynamic Media Classic:
https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch
Y aquí está la URL
req=userdata
correspondiente del recurso de muestra:https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata
La respuesta de
req=userdata
es la siguiente:SmartCropDef=Swatch
SmartCropHeight=200.0
SmartCropRect=0.421671,0.389815,0.0848564,0.0592593,200,200
SmartCropType=Swatch
SmartCropWidth=200.0
SmartSwatchColor=0xA56DB2
También puede solicitar una respuesta de
req=userdata
en formato XML o JSON, como en los siguientes ejemplos de URL:·
https://my.company.com</code>:8080/is/image/DemoCo/Sleek:Swatch?req=userdata,json
·
https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata,xml
Nota: Debe crear su propio componente WCM para solicitar una muestra de color Observe y analice el atributo
SmartSwatchColor
, representado por un valor hexadecimal de RGB de 24 bits.Consulte también
userdata
en la Guía de referencia de visores.Para generar nuevo contenido de recorte (sin dejar de mantener el punto focal) para una proporción de aspecto determinada en diferentes resoluciones, anule la selección de esta opción
Si decide desactivar esta casilla, asegúrese de que la resolución de imagen original sea mayor que las resoluciones definidas para el perfil de recorte inteligente.
Por ejemplo, suponga que ha establecido las relaciones de aspecto en 600 x 600 (Grande), 400 x 400 (Medium) y 300 x 300 (Pequeño).
Cuando la opción Conservar el contenido de recorte en las resoluciones de destino está marcada, verá el mismo recorte en las tres resoluciones, similar a la siguiente salida de muestra de imágenes (solo con fines ilustrativos):
Cuando la opción Conservar el contenido de recorte en las resoluciones de destino está desmarcada, el contenido de recorte es nuevo para las tres resoluciones, similar a la siguiente salida de muestra de imágenes (solo con fines ilustrativos):
Formatos de archivo de imagen compatibles con el recorte inteligente y las muestras de color
La resolución máxima admitida del tamaño del archivo de entrada es de 16 K.
.bmp
.gif
.jpg
y .jpeg
.png
.psd
CMYK
.tif
y .tiff
CMYK
Creación de perfiles de imagen de Dynamic Media creating-image-profiles
Para definir parámetros de procesamiento avanzados para otros tipos de recursos, consulte Configuración del procesamiento de recursos.
Ver Acerca de los perfiles de vídeo e imagen de Dynamic Media.
Consulte también Prácticas recomendadas para organizar su Assets digital con el fin de usar perfiles de procesamiento.
Para crear perfiles de imagen de Dynamic Media:
-
Seleccione el logotipo de Adobe Experience Manager y vaya a Herramientas > Assets > Perfiles de imagen.
-
Para agregar un perfil de imagen, seleccione Crear.
-
Introduzca un nombre de perfil y valores para máscara de enfoque, recorte o muestra, o ambos.
note tip TIP Utilice un nombre de perfil específico para el propósito deseado. Por ejemplo, supongamos que desea crear un perfil que genere solo muestras. Es decir, el recorte inteligente está desactivado (desactivado) y la muestra de color e imagen activada (activada). En estos casos, puede utilizar el nombre de perfil "Muestra inteligente". Consulte también Opciones de recorte y muestra inteligente y Máscara de enfoque.
-
Seleccione Guardar. El perfil creado aparece en la lista de perfiles disponibles.
Editar o eliminar perfiles de imagen de Dynamic Media editing-or-deleting-image-profiles
-
Seleccione el logotipo del Experience Manager y vaya a Herramientas > Assets > Perfiles de imagen.
-
Seleccione el perfil de imagen que desea editar o eliminar. Para editarlo, seleccione Editar perfil de procesamiento de imagen. Para quitarlo, seleccione Eliminar perfil de procesamiento de imagen.
-
Si está editando, guarde los cambios. Si está eliminando, confirme que desea eliminar el perfil.
Aplicar un perfil de imagen de Dynamic Media a las carpetas applying-an-image-profile-to-folders
Cuando se asigna un perfil de imagen a una carpeta, las subcarpetas heredan automáticamente el perfil de su carpeta principal. Como tal, solo puede asignar un perfil de imagen a una carpeta. Tenga en cuenta la estructura de carpetas de donde carga, almacena, utiliza y archiva los recursos.
Si ha asignado un perfil de imagen diferente a una carpeta, el nuevo perfil anulará el perfil anterior. Los recursos de carpeta existentes anteriormente permanecen sin cambios. El nuevo perfil se aplica a los recursos que se agregan a la carpeta más adelante.
Las carpetas con un perfil asignado muestran el nombre del perfil en la tarjeta.
Puede aplicar perfiles de imagen a carpetas específicas o globalmente a todos los recursos.
Puede volver a procesar los recursos en una carpeta que ya tenga un perfil de imagen existente cambiado a posteriori. Vea Volver a procesar recursos en una carpeta después de haber editado su perfil de procesamiento.
Aplicar perfiles de imagen de Dynamic Media a carpetas específicas applying-image-profiles-to-specific-folders
Puede aplicar un perfil de imagen a una carpeta desde el menú Herramientas o, si está en la carpeta, desde Propiedades.
Las carpetas con un perfil asignado muestran el nombre del perfil directamente debajo del nombre de la carpeta.
Puede volver a procesar los recursos en una carpeta que ya tenga un perfil de vídeo existente cambiado a posteriori. Vea Volver a procesar recursos en una carpeta después de haber editado su perfil de procesamiento.
Aplicación de perfiles de imagen de Dynamic Media a carpetas desde la interfaz de usuario Perfiles applying-image-profiles-to-folders-from-profiles-user-interface
-
Seleccione el logotipo del Experience Manager y vaya a Herramientas > Assets > Perfiles de imagen.
-
Seleccione el perfil de imagen que desea aplicar a una o varias carpetas.
-
Seleccione Aplicar perfil de procesamiento a las carpetas y seleccione la carpeta o carpetas que desee usar para recibir los recursos cargados recientemente. A continuación, seleccione Aplicar. Las carpetas con un perfil asignado muestran el nombre del perfil directamente debajo del nombre de la carpeta.
Aplicar perfiles de imagen de Dynamic Media a carpetas desde Propiedades applying-image-profiles-to-folders-from-properties
-
Seleccione el logotipo del Experience Manager y vaya a Assets.
-
Vaya a una carpeta (no a un recurso) a la que desee aplicar un perfil de imagen.
-
Según la vista en la que se encuentre, siga uno de estos procedimientos:
- En la vista de tarjeta, pase el puntero sobre la carpeta y, a continuación, seleccione la marca de verificación para seleccionarla.
- En Vista de columna o Vista de lista, active la casilla a la izquierda del nombre de la carpeta.
-
En la barra de herramientas, seleccione Propiedades.
-
Seleccione la ficha Procesamiento de Dynamic Media.
-
En Perfil de imagen, en la lista desplegable Nombre de perfil, seleccione el perfil que desee aplicar.
-
Cerca de la esquina superior derecha de la página, seleccione Guardar y cerrar. Las carpetas con un perfil asignado muestran el nombre del perfil directamente debajo del nombre de la carpeta.
Aplicar un perfil de imagen de Dynamic Media globalmente applying-an-image-profile-globally
Además de aplicar un perfil a una carpeta, también puede aplicar uno globalmente. Cualquier contenido cargado en Experience Manager Assets en cualquier carpeta tiene el perfil seleccionado aplicado.
Puede volver a procesar los recursos en una carpeta que ya tenga un perfil de vídeo existente cambiado a posteriori. Vea Volver a procesar recursos en una carpeta después de haber editado su perfil de procesamiento.
Para aplicar un perfil de imagen de Dynamic Media globalmente:
-
Realice una de las siguientes acciones:
-
Vaya a
https://<AEM server>/mnt/overlay/dam/gui/content/assets/foldersharewizard.html/content/dam
, aplique el perfil adecuado y seleccione Guardar. -
Vaya al CRXDE Lite en el siguiente nodo:
/content/dam/jcr:content
.Agregue la propiedad
imageProfile:/conf/global/settings/dam/adminui-extension/imageprofile/<name of image profile>
y seleccione Guardar todo.
-
Editar el recorte inteligente o la muestra inteligente de una sola imagen editing-the-smart-crop-or-smart-swatch-of-a-single-image
Para restringir el punto focal de una imagen, puede ajustar manualmente la alineación o cambiar el tamaño de la ventana de recorte inteligente.
Después de editar un recorte inteligente y guardarlo, el cambio se propaga dondequiera que utilice el recorte para las imágenes específicas.
Ver Volver a procesar recursos de Dynamic Media en una carpeta.
Vuelva a ejecutar el recorte inteligente para generar los recortes adicionales de nuevo, si es necesario.
Ver también Editar el recorte inteligente o la muestra inteligente de varias imágenes.
Para editar el recorte inteligente o la muestra inteligente de una sola imagen:
-
Seleccione el logotipo del Experience Manager y vaya a Assets y, a continuación, a la carpeta que tenga aplicado un recorte inteligente o un perfil de imagen de muestra inteligente.
-
Para abrir su contenido, seleccione la carpeta.
-
Seleccione la imagen cuyo recorte inteligente o muestra inteligente desee ajustar.
-
En la barra de herramientas, seleccione Recorte inteligente.
note tip TIP Utilice la tecla de acceso directo s
para editar los recortes inteligentes o las muestras inteligentes. -
Realice una de las siguientes acciones:
- Cerca de la esquina superior derecha de la página, arrastre la barra deslizante hacia la izquierda o hacia la derecha para aumentar o disminuir la visualización de la imagen, respectivamente.
- En la imagen, arrastre un controlador de esquina para ajustar el tamaño del área visible del recorte o muestra.
- En la imagen, arrastre el cuadro o la muestra a una nueva ubicación. Solo puede editar muestras de imagen; las muestras de color son estáticas.
- Cerca de la esquina superior derecha de la imagen, seleccione Revertir para deshacer todas las ediciones y restaurar el recorte o muestra original.
- Utilice las teclas de flecha del teclado para recortar el tamaño del fotograma, cambiar la posición de la imagen o ambas cosas.
-
Cerca de la esquina superior derecha de la página, seleccione Guardar y, a continuación, Cerrar para volver a la carpeta de recursos.
Editar el recorte inteligente o la muestra inteligente de varias imágenes editing-the-smart-crop-or-smart-swatch-of-multiple-images
Después de aplicar un perfil de imagen (que contiene un recorte inteligente) a una carpeta, se les aplica un recorte a todas las imágenes de dicha carpeta. Si es necesario, puede ajustar manualmente la alineación o cambiar el tamaño de la ventana de recorte inteligente en varias imágenes para ajustar aún más sus puntos focales.
Después de editar un recorte inteligente y guardarlo, el cambio se propaga dondequiera que utilice el recorte para las imágenes específicas.
Ver Volver a procesar recursos de Dynamic Media en una carpeta.
Vuelva a ejecutar el recorte inteligente para generar los recortes adicionales de nuevo, si es necesario.
Para editar el recorte inteligente o la muestra inteligente de varias imágenes:
-
Seleccione el logotipo del Experience Manager y vaya a Assets y, a continuación, a una carpeta que tenga aplicado un recorte inteligente o un perfil de imagen de muestra inteligente.
-
En la carpeta, seleccione el icono Más acciones (…) y luego seleccione Recorte inteligente.
-
En la página Editar recortes inteligentes, realice una de las siguientes acciones:
-
Ajuste el tamaño de visualización de las imágenes en la página.
A la derecha de la lista desplegable de nombre del punto de interrupción, arrastre la barra deslizante a la izquierda o a la derecha para cambiar el tamaño de la visualización de la imagen visible.
-
Filtre la lista de imágenes visibles en función de los nombres de los puntos de interrupción. En el ejemplo siguiente, las imágenes se filtran con el nombre de punto de interrupción "Medium".
Cerca de la esquina superior derecha de la página, en la lista desplegable, seleccione un nombre de punto de interrupción para filtrar por las imágenes que ve. (Consulte la imagen anterior).
-
Cambie el tamaño del cuadro de recorte inteligente. Realice una de las siguientes acciones:
- Si la imagen solo tiene un recorte inteligente o una muestra inteligente, en la imagen, arrastre el controlador de esquina del cuadro de recorte. Ajuste el tamaño del área visible del recorte.
- Si la imagen tiene un recorte inteligente y una muestra inteligente, en la imagen, arrastre el controlador de esquina del cuadro de recorte. Ajuste el tamaño del área visible del recorte. O bien, seleccione la muestra inteligente debajo de la imagen (las muestras de color son estáticas) y, a continuación, arrastre el controlador de esquina del cuadro de recorte. Ajuste el tamaño del área visible de la muestra.
.
-
Mueva el cuadro de recorte inteligente. Realice una de las siguientes acciones:
- Si la imagen solo tiene un recorte inteligente o una muestra inteligente, en la imagen, arrastre el cuadro de recorte a una nueva ubicación.
- Si la imagen tiene un recorte inteligente y una muestra inteligente, en la imagen, arrastre el cuadro de recorte inteligente a una nueva ubicación. O bien, seleccione la muestra inteligente debajo de la imagen (las muestras de color son estáticas) y, a continuación, arrastre el cuadro de recorte de muestra inteligente a una nueva ubicación.
-
Deshacer todas las ediciones y restaurar el recorte inteligente o la muestra inteligente original (solo se aplica a la sesión de edición actual).
Seleccione Revertir sobre la imagen.
-
-
Cerca de la esquina superior derecha de la página, seleccione Guardar y, a continuación, Cerrar para volver a la carpeta de recursos.
Eliminación de un perfil de imagen de las carpetas removing-an-image-profile-from-folders
Cuando se quita un perfil de imagen de una carpeta, las subcarpetas heredan automáticamente la eliminación del perfil de su carpeta principal. Sin embargo, cualquier procesamiento de archivos que se haya producido dentro de las carpetas permanecerá intacto.
Puede quitar un perfil de imagen de una carpeta desde el menú Herramientas o, si se encuentra en la carpeta, desde Propiedades.
Eliminación de perfiles de imagen de Dynamic Media de carpetas mediante la interfaz de usuario Perfiles removing-image-profiles-from-folders-via-profiles-user-interface
-
Seleccione el logotipo del Experience Manager y vaya a Herramientas > Assets > Perfiles de imagen.
-
Seleccione el perfil de imagen que desea eliminar de una o varias carpetas.
-
Seleccione Quitar perfil de procesamiento de las carpetas, seleccione la carpeta o carpetas que desee usar para quitar el perfil y seleccione Quitar.
Puede confirmar que el perfil de imagen ya no se aplica a una carpeta porque el nombre ya no aparece debajo del nombre de la carpeta.
Eliminación de perfiles de imagen de Dynamic Media de carpetas mediante Propiedades removing-image-profiles-from-folders-via-properties
-
Seleccione el logotipo del Experience Manager y vaya a Assets y, a continuación, a la carpeta de la que desee quitar un perfil de imagen.
-
En la carpeta, active la marca de verificación para seleccionarla y, a continuación, seleccione Propiedades.
-
Seleccione la ficha Perfiles de imagen.
-
En la lista desplegable Nombre de perfil, selecciona Ninguno, luego selecciona Guardar y cerrar.
Las carpetas con un perfil asignado muestran el nombre del perfil directamente debajo del nombre de la carpeta.