Imágenes inteligentes

¿Qué es "Imágenes inteligentes"?

La tecnología de imágenes inteligentes aplica las capacidades de Adobe Sensei AI y funciona con los "ajustes preestablecidos de imagen" existentes para mejorar el rendimiento de la entrega de imágenes optimizando automáticamente el formato, el tamaño y la calidad de la imagen en función de las capacidades del navegador del cliente.

Las imágenes inteligentes también se benefician del aumento de rendimiento añadido de la integración total con el servicio CDN premium de Adobe. Este servicio encuentra la ruta óptima de Internet entre servidores, redes y puntos de interrelación. Encuentra una ruta que tiene la latencia más baja y la menor tasa de pérdida de paquetes en lugar de usar la ruta predeterminada en Internet.

Los siguientes ejemplos de recursos de imagen ilustran la optimización de imágenes inteligentes añadida:

Imagen (URL)	Miniatura	Tamaño (JPEG)	Tamaño (WebP) (con imágenes inteligentes)	% de reducción
Imagen 1		73.75 KB	45.92 KB	38 %
Imagen 2		191 KB	70.66 KB	63 %
Imagen 3		96.64 KB	39.44 KB	59 %
Imagen 4		315.80 KB	178.19 KB	44 %
				Media = 51%

De forma similar a lo anterior, Adobe también realizó una prueba con 7009 URL de sitios de clientes activos. Pudieron lograr una optimización promedio de un 38% más del tamaño de archivo para el JPEG. Para PNG con formato WebP, fueron capaces de lograr un promedio de un 31% más de optimización del tamaño de archivo. Este tipo de optimización es posible debido a la capacidad de las imágenes inteligentes.

En la web móvil, los desafíos se ven agravados por dos factores:

• Gran variedad de dispositivos con diferentes factores de forma y pantallas de alta resolución.
• Ancho de banda de red limitado.

En términos de imágenes, el objetivo es servir las imágenes de mejor calidad de la manera más eficiente posible.

Acerca de la optimización de la proporción de píxeles del dispositivo

La proporción de píxeles del dispositivo (DPR), también conocida como proporción de píxeles de CSS, es la relación entre los píxeles físicos de un dispositivo y los píxeles lógicos. Especialmente con la llegada de las pantallas de retina, la resolución de píxeles de los dispositivos móviles modernos está creciendo a una velocidad rápida.

Al habilitar la optimización de la proporción de píxeles del dispositivo, la imagen se muestra en la resolución nativa de la pantalla, lo que la hace parecer nítida.

Activar la configuración del RGPD de imágenes inteligentes ajusta automáticamente la imagen solicitada en función de la densidad de píxeles de la pantalla desde la que se presenta la solicitud. Actualmente, la densidad de píxeles de la visualización proviene de los valores de encabezado de CDN de Akamai.

Consulte también Al trabajar con imágenes y Al trabajar con Recorte inteligente.

Acerca de la optimización del ancho de banda de la red

Activar el ancho de banda de red ajusta automáticamente la calidad de imagen ofrecida en función del ancho de banda de red real. Para un ancho de banda de red deficiente, la optimización del RGPD se desactiva automáticamente, incluso si ya está activada.

Si lo desea, su empresa puede excluir la optimización del ancho de banda de la red a nivel de imagen individual añadiendo network=off a la dirección URL de la imagen.

¿Cuáles son las ventajas clave de las últimas imágenes inteligentes?

Como las imágenes constituyen la mayor parte del tiempo de carga de una página, la mejora del rendimiento puede tener un impacto profundo en un negocio, como una mayor conversión, el tiempo invertido en el sitio y una menor tasa de devoluciones del sitio.

Mejoras en la última versión de imágenes inteligentes:

• Se ha mejorado la clasificación SEO de Google para las páginas web que utilizan las últimas imágenes inteligentes.
• Proporciona contenido optimizado inmediatamente (en tiempo de ejecución).
• Utiliza la tecnología de Adobe Sensei para realizar la conversión según la calidad (qlt) especificada en la solicitud de imagen.
• Las imágenes inteligentes se pueden desactivar utilizando el parámetro de URL "bfc".
• TTL (Tiempo de vida) independiente. Anteriormente, para que funcionara la imagen inteligente era obligatorio un TTL mínimo de 12 horas.
• Anteriormente, las imágenes originales y las imágenes derivadas se almacenaban en caché y era un proceso de 2 pasos para invalidar la caché. En las últimas imágenes inteligentes, solo se almacenan en caché los derivados, lo que permite un proceso de invalidación de caché de un solo paso.
• Los clientes que utilizan encabezados personalizados en su conjunto de reglas se benefician de las últimas imágenes inteligentes, ya que estos encabezados no están bloqueados, a diferencia de la versión anterior de imágenes inteligentes. Por ejemplo, "Origen de permiso de temporización", "Robot X", como se sugiere en Agregue un valor de encabezado personalizado a las respuestas de imagen|Dynamic Media Classic.

¿Hay algún costo de licencia asociado con las imágenes inteligentes?

No. Las imágenes inteligentes se incluyen en la licencia existente de Dynamic Media Classic o Adobe Experience Manager - Dynamic Media (local, AMS y Adobe Experience Manager as a Cloud Service).

¿Cómo funcionan las imágenes inteligentes?

Cuando un consumidor solicita una imagen, la función Imágenes inteligentes comprueba las características del usuario y la convierte al formato de imagen adecuado en función del explorador en uso. Estas conversiones de formato se realizan de manera que no degrada la fidelidad visual. Las imágenes inteligentes convierten automáticamente las imágenes en diferentes formatos según la capacidad del navegador de la siguiente manera.

• Convertir automáticamente a WebP para los siguientes navegadores:

  • Chrome
  • Firefox
  • Microsoft® Edge
  • Safari (en iOS, macOS, iPadOS), compatible con WebP con el explorador y la versión del sistema operativo
  • Android™
  • Opera

• Compatibilidad con navegadores anteriores para lo siguiente:

  Explorador	Versión del navegador/sistema operativo	Formato
  Safari	Anterior a iOS/iPad 14.0 o macOS BigSur	JPEG2000
  Edge	Anteriores a 18	JPEGXR
  Internet Explorer	9+	JPEGXR

• Para los navegadores que no admiten estos formatos, se proporciona el formato de imagen solicitado originalmente.

Si el tamaño de la imagen original es menor que el que produce la imagen inteligente, se suministra la imagen original.

¿Qué formatos de imagen se admiten?

Los siguientes formatos de imagen son compatibles con las imágenes inteligentes:

• JPEG
• PNG

¿Cómo funciona la imagen inteligente con mis ajustes preestablecidos de imagen que ya están en uso?

La imagen inteligente funciona con los "ajustes preestablecidos de imagen" existentes y observa todos los ajustes de imagen excepto la calidad (qlt) y el formato (fmt) si el formato de archivo solicitado es JPEG o PNG. Para la conversión de formato, las imágenes inteligentes mantienen la fidelidad visual total definida por la configuración preestablecida de la imagen, pero con un tamaño de archivo más pequeño. Si el tamaño de la imagen original es menor que el que produce la imagen inteligente, se suministra la imagen original.

¿Tengo que cambiar direcciones URL, ajustes preestablecidos de imagen o implementar código nuevo en mi sitio para imágenes inteligentes?

Las imágenes inteligentes funcionan perfectamente con las URL de imágenes y los ajustes preestablecidos de imagen existentes si configura las imágenes inteligentes en su dominio personalizado existente. Además, las imágenes inteligentes no requieren que añada código en el sitio web para detectar el explorador de un usuario. Todo se gestiona automáticamente.

Si debe configurar un nuevo dominio personalizado para utilizar imágenes inteligentes, las direcciones URL deben actualizarse para reflejar este dominio personalizado.

Para comprender los requisitos previos para las imágenes inteligentes, consulte ¿Puedo utilizar imágenes inteligentes?

¿Las imágenes inteligentes funcionan con HTTPS? ¿Qué sucede con HTTP/2?

Las imágenes inteligentes funcionan con imágenes entregadas mediante HTTP o HTTPS. Además, también funciona a través de HTTP/2.

¿Puedo utilizar imágenes inteligentes?

Para utilizar imágenes inteligentes, la cuenta de Experience Manager de Dynamic Media Classic o Dynamic Media de su empresa debe cumplir los siguientes requisitos:

• Utilice la CDN (red de distribución de contenido) incluida en la Adobe como parte de su licencia.
• Utilice un dominio dedicado (por ejemplo, images.company.com o mycompany.scene7.com), no un dominio genérico (por ejemplo, s7d1.scene7.com, s7d2.scene7.com o s7d13.scene7.com).

Para encontrar sus dominios, abra la aplicación de escritorio de Dynamic Media Classic y luego inicie sesión en la cuenta o cuentas de su empresa.

Vaya a Setup > Application Setup > General Settings Busque el campo etiquetado Published Server Name. Si está utilizando un dominio genérico, puede solicitar pasar a su propio dominio personalizado como parte de esta transición cuando envíe un ticket de asistencia técnica.

El primer dominio personalizado no tiene coste adicional con una licencia de Dynamic Media.

¿Cuál es el proceso para habilitar las imágenes inteligentes para mi cuenta?

Se inicia la solicitud para utilizar imágenes inteligentes; no se activa automáticamente.

De forma predeterminada, el RGPD de imágenes inteligentes y la optimización de la red están deshabilitados (desactivados) para una cuenta de empresa de Dynamic Media. Si desea habilitar (activar) una o ambas mejoras integradas, cree un caso de asistencia como se describe a continuación.

1. Utilice el Admin Console para crear un caso de asistencia.

2. Proporcione la siguiente información en su caso de asistencia:

   1. Nombre de contacto principal, correo electrónico, teléfono.

   2. Todos los dominios que se activarán para la creación de imágenes inteligentes (es decir, images.company.com o mycompany.scene7.com).

      Para encontrar sus dominios, abra la aplicación de escritorio de Dynamic Media Classic y luego inicie sesión en la cuenta o cuentas de su empresa.

      Vaya a Configuración > Configuración de la aplicación > Configuración general.

      Busque el campo denominado Published Server Name.

   3. Compruebe que está utilizando la CDN a través de la Adobe y que no se administra con una relación directa.

   4. Compruebe que está utilizando un dominio dedicado como images.company.com o mycompany.scene7.com y no un dominio genérico, como s7d1.scene7.com, s7d2.scene7.com, s7d13.scene7.com.

      Para encontrar sus dominios, abra la aplicación de escritorio de Dynamic Media Classic y luego inicie sesión en la cuenta o cuentas de su empresa.

      Vaya a Configuración > Configuración de la aplicación > Configuración general.

      Busque el campo denominado Published Server Name. Si está utilizando un dominio genérico de Dynamic Media Classic, puede solicitar pasar a su propio dominio personalizado como parte de esta transición.

   5. Indique si también necesita que las imágenes inteligentes funcionen con HTTP/2.

3. El servicio de asistencia al cliente de Adobe le agrega a la lista de espera de cliente de imágenes inteligentes en función del orden en que se enviaron las solicitudes.

4. Cuando el Adobe esté listo para gestionar su solicitud, el servicio de asistencia técnica contactará con usted para coordinar y establecer una fecha objetivo.

5. Opcional : opcionalmente, puede probar imágenes inteligentes en Ensayo antes de que el Adobe implemente la producción de la nueva función.

6. El Servicio de atención al cliente le notifica cuando haya terminado.

7. Para maximizar las mejoras de rendimiento de las imágenes inteligentes, Adobe recomienda establecer el tiempo de vida (TTL) en 24 horas o más. El TTL define cuánto tiempo la CDN almacena en caché los recursos. Para cambiar esta configuración:

   1. Si utiliza Dynamic Media Classic, vaya a Configuración > Configuración de la aplicación > Configuración de publicación > Servidor de imágenes. Establezca el valor Tiempo de caché de cliente predeterminado en activo en 24 o más.
   2. Si usa Dynamic Media, siga estas instrucciones. Establezca el valor Expiration 24 horas o más.

¿Cuándo puedo esperar que mi cuenta esté habilitada con imágenes inteligentes?

Las solicitudes se procesan en el orden en que son recibidas por el Servicio de atención al cliente, según la lista de espera.

¿Cuáles son los riesgos de cambiar para utilizar imágenes inteligentes?

No existe riesgo para una página web del cliente. Sin embargo, la transición a imágenes inteligentes borra la caché en la CDN porque implica pasar a una nueva configuración de Dynamic Media Classic o Dynamic Media en el Experience Manager.

Durante la transición inicial, las imágenes no almacenadas en caché llegan directamente a los servidores de origen del Adobe hasta que se vuelve a crear la caché. Como resultado, Adobe planea gestionar algunas transiciones de cliente a la vez, de modo que se mantenga un rendimiento aceptable al extraer solicitudes del origen. Para la mayoría de los clientes, la caché se vuelve a crear completamente en la CDN en ~1 - 2 días.

¿Cómo puedo verificar si las imágenes inteligentes funcionan según lo esperado?

1. Una vez configurada la cuenta con imágenes inteligentes, cargue una URL de imagen de Dynamic Media Classic o Adobe Experience Manager - Dynamic Media en el explorador.

2. Abra el panel del desarrollador de Chrome navegando hasta View > Developer > Developer Tools en el explorador. O bien, elija cualquier herramienta para desarrolladores de navegador que desee.

3. Asegúrese de que la caché esté deshabilitada cuando las herramientas para desarrolladores estén abiertas.

   • En Windows®, vaya a la configuración del panel de herramientas para desarrolladores y, a continuación, active la casilla Deshabilitar caché (mientras devtools está abierta).
   • En macOS, en el panel del desarrollador, en la pestaña Network, seleccione disable cache.

4. Observe que el tipo de contenido se transforma al formato adecuado. La siguiente captura de pantalla muestra una imagen PNG que se está convirtiendo dinámicamente a WebP en Chrome.

5. Repita esta prueba en distintos navegadores y condiciones de usuario.

¿Se puede desactivar la imagen inteligente para cualquier solicitud?

Sí. Puede desactivar las imágenes inteligentes añadiendo el modificador bfc=off a la dirección URL.

¿Puedo solicitar que la optimización del RGPD y de la red se desactive a nivel de empresa?

Sí. Para desactivar la optimización de la red y el RGPD en su empresa, cree un caso de asistencia como se describió anteriormente en este tema.

¿Qué "ajuste" está disponible? ¿Hay alguna configuración o comportamiento que se pueda definir? (#tuning-settings)

Actualmente, puede activar o desactivar las imágenes inteligentes. No hay otro ajuste disponible.

Si Imágenes inteligentes administra la configuración de calidad, ¿hay mínimos y máximos que configurar? Por ejemplo, ¿es posible configurar "no menos de 60" y "no buena que 80 calidad"? (#Minimum-maximum)

No existe esta capacidad de aprovisionamiento en la imagen inteligente actual.

A veces, se devuelve una imagen JPEG a Chrome en lugar de una imagen WebP. ¿Por qué ocurre ese cambio? (#jpeg-webp)

Las imágenes inteligentes determinan si la conversión es beneficiosa o no. Devuelve la nueva imagen solo si la conversión resulta en un tamaño de archivo más pequeño con una calidad comparable.

¿Cómo funciona la optimización del RGPD de imágenes inteligentes con los componentes de Adobe Experience Manager Sites y los visores de Dynamic Media?

• Los componentes principales de Experience Manager Sites están configurados de forma predeterminada para la optimización del RGPD. Para evitar imágenes sobredimensionadas debido a la optimización del RGPD de imágenes inteligentes en el lado del servidor, dpr=off siempre se añade a las imágenes de Dynamic Media de los componentes principales de Experience Manager Sites.
• Dado que el componente base de Dynamic Media está configurado de forma predeterminada para la optimización del RGPD, para evitar imágenes de tamaño excesivo debido a la optimización del RGPD de imágenes inteligentes en el servidor, dpr=off siempre se añade a las imágenes de los componentes de Dynamic Media Foundation. Aunque el cliente anule la selección de la optimización de RGPD en el componente de base de DM, el RGPD de imágenes inteligentes del lado del servidor no se inicia. En resumen, en el componente de base de DM, la optimización del RGPD entra en vigor solo en función de la configuración del nivel de componente de base de DM .
• Cualquier optimización del RGPD del lado del visor funciona junto con la optimización del RGPD de imágenes inteligentes del lado del servidor y no genera imágenes de tamaño excesivo. En otras palabras, independientemente de dónde gestione el visor el RGPD, como la vista principal solo en un visor con zoom habilitado, no se activan los valores del RGPD de imágenes inteligentes del lado del servidor. Del mismo modo, siempre que los elementos del visualizador, como muestras y miniaturas, no tengan gestión de RGPD, se activa el valor RGPD de imágenes inteligentes del lado del servidor.

Consulte también Al trabajar con imágenes y Al trabajar con Recorte inteligente.