Imágenes inteligentes

¿Qué es "Imágenes inteligentes"?

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

Y ahora, obtenga una mejor puntuación de Google Core Web Vital para LCP (Pintado de contenido más grande) con imágenes inteligentes mejoradas que ahora vienen con soporte para AVIF y WebP.

Imágenes inteligentes se beneficia del aumento de rendimiento añadido de estar totalmente integrado con el mejor servicio de CDN (red de distribución de contenido) premium de Adobe. Este servicio encuentra la ruta de Internet óptima entre servidores, redes y puntos de intercambio entre iguales. Encuentra una ruta que tiene la latencia más baja y la tasa de pérdida de paquetes más baja en lugar de utilizar la ruta predeterminada de Internet.

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

Imagen (URL)	Miniatura	Tamaño (JPEG)	Tamaño (WebP) con imágenes inteligentes	Tamaño (AVIF) con imágenes inteligentes	% de reducción con WebP	% de reducción con AVIF
Imagen 1		145 KB	106 KB	90.2 KB	26.89%	37.79%
Imagen 2		412 KB	346 KB	113 KB	16.01%	72.57%
Imagen 3		221 KB	189 KB	87.1 KB	14.47%	60.58%
Imagen 4		594 KB	545 KB	286 KB	8.25%	51.85%

De forma similar a lo anterior, Adobe también ejecutó una prueba con un conjunto de muestras más grande. El formato AVIF proporciona una reducción de tamaño adicional del 20 % con respecto a WebP, lo que supone una reducción del 27 % con respecto al JPEG. Todos con la misma calidad visual. En total, AVIF proporciona una reducción de tamaño promedio de hasta el 41 % con respecto al JPEG.

Si comparamos WebP y AVIF con PNG, podemos observar una reducción del tamaño del 84% con WebP y del 87% con AVIF. Además, como los formatos WebP y AVIF admiten transparencias y múltiples animaciones de imagen, es un buen sustituto de los archivos PNG y GIF transparentes.

Consulte también Optimización de imágenes con formatos de imagen de próxima generación (WebP y AVIF)

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

Imágenes inteligentes proporciona un mejor rendimiento de entrega de imágenes al optimizar automáticamente el tamaño del archivo de imagen en función del explorador del cliente en uso, la visualización del dispositivo y las condiciones de red. Dado que las imágenes constituyen la mayor parte del tiempo de carga de una página, cualquier mejora de rendimiento puede tener un profundo impacto en los KPI empresariales, como tasas de conversión más altas, tiempo invertido en un sitio y tasas de devolución del sitio más bajas.

Las ventajas clave más recientes de las imágenes inteligentes son las siguientes:

• Ahora admite el formato AVIF de próxima generación.
• Ahora, PNG a WebP y AVIF admiten la conversión con pérdidas. Como PNG es un formato sin pérdidas, las entregas anteriores de WebP y AVIF no sufrieron pérdidas.
• Conversión de formato del explorador (bfc)
• Proporción de píxeles del dispositivo (dpr)
• Ancho de banda de red (network)

Acerca de la conversión de formato de navegador (bfc)

Activar la conversión de formato del explorador añadiendo bfc=on a la URL de la imagen convierte automáticamente JPEG y PNG en AVIF con pérdida, WebP con pérdida, JPEGXR con pérdida y JPEG con pérdida 2000 para diferentes exploradores. Para los navegadores que no admiten estos formatos, Smart Imaging sigue sirviendo al JPEG o PNG. Junto con el formato, la calidad del nuevo formato se recalcula mediante imágenes inteligentes.

Las imágenes inteligentes también se pueden desactivar añadiendo bfc=off a la URL de la imagen.

Consulte también bfc en la API de servicio y procesamiento de imágenes de Dynamic Media.

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

La proporción de píxeles del dispositivo (DPR), también conocida como proporción de píxeles 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 un ritmo rápido.

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

Actualmente, la densidad de píxeles de la visualización proviene de los valores del encabezado 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

Al activar Ancho de banda de red, se ajusta automáticamente la calidad de imagen que se proporciona en función del ancho de banda real de la red. Para un ancho de banda de red deficiente, la optimización de la RGPD (proporción de píxeles del dispositivo) se desactiva automáticamente, incluso si ya está activada.

Si lo desea, su empresa puede excluirse de la optimización del ancho de banda de la red en el nivel de imagen individual adjuntando network=off a la URL de la imagen.

Los valores de RGPD y ancho de banda de red se basan en los valores detectados del lado del cliente de la CDN agrupada. Estos valores a veces son inexactos. Por ejemplo, iPhone5 con DPR=2 y iPhone12 con dpr=3, ambas se muestran dpr=2. Sin embargo, para dispositivos de alta resolución, enviar dpr=2 es mejor que enviar dpr=1. Sin embargo, la mejor manera de superar esta inexactitud es utilizar la DPR del lado del cliente para ofrecerle valores 100% precisos. Y funciona para cualquier dispositivo, ya sea Apple o cualquier otro dispositivo que se haya iniciado. Consulte Uso de imágenes inteligentes con proporción de píxeles de dispositivo del lado del cliente.

Ventajas clave adicionales de las imágenes inteligentes

• Se ha mejorado la clasificación SEO de Google para las páginas web que utilizan las últimas imágenes inteligentes.
• Ofrece contenido optimizado inmediatamente (durante la ejecución).
• Utiliza la tecnología de Adobe Sensei para realizar conversiones en función de la calidad (qlt) especificado en la solicitud de imagen.
• TTL (Tiempo de vida) independiente. Anteriormente, era obligatorio un TTL mínimo de 12 horas para que las imágenes inteligentes funcionaran.
• Anteriormente, tanto las imágenes originales como las derivadas se almacenaban en caché y se trataba de 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 la caché de un solo paso.
• Los clientes que utilizan encabezados personalizados en su conjunto de reglas se benefician de la última versión de imágenes inteligentes, ya que estos encabezados no están bloqueados, a diferencia de la versión anterior de imágenes inteligentes. Por ejemplo, "Tiempo permitido origen", "X-Robot" como se sugiere en Añadir un valor de encabezado personalizado a las respuestas de imagen|Dynamic Media Classic.

¿Hay algún coste de licencia asociado a las imágenes inteligentes?

No. Las imágenes inteligentes se incluyen con la licencia existente. Esta regla es verdadera para Dynamic Media Classic o para Experience Manager: Dynamic Media (local, AMS y Experience Manager as a Cloud Service).

¿Cómo funciona la imagen inteligente?

Cuando un consumidor solicita una imagen, Smart Imaging 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 una manera que no degrada la fidelidad visual. Las imágenes inteligentes convierten automáticamente las imágenes a diferentes formatos, según la capacidad del explorador, de la siguiente manera.

• Convertir automáticamente a AVIF si el explorador admite el formato
• Convertir automáticamente a WebP si la conversión AVIF no fue beneficiosa o el explorador no admite AVIF
• Convertir automáticamente a JPEG 2000 si Safari no admite WebP
• Convertir automáticamente a JPEGXR para IE 9+ o si Edge no admite WebP
  | Formato de imagen | Exploradores admitidos | |—|—| | AVIF | https://caniuse.com/avif | | WebP | https://caniuse.com/webp | | JPEG 2000 | https://caniuse.com/jpeg2000 | | JPEGXR | https://caniuse.com/jpegxr |
• En los exploradores 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 Smart Imaging, se sirve la imagen original.

¿Qué formatos de imagen se admiten?

Se admiten los siguientes formatos de imagen para imágenes inteligentes:

• JPEG
• PNG

Para un formato de archivo de imagen JPEG, Smart Imaging recalcula la calidad del nuevo formato.

Para formatos de archivo de imagen compatibles con transparencias como PNG, puede configurar Imágenes inteligentes para proporcionar AVIF y WebP con pérdidas. Para la conversión de formato con pérdida, Imágenes inteligentes utiliza la calidad mencionada en la dirección URL de la imagen o, de lo contrario, la calidad configurada en la cuenta de empresa de Dynamic Media.

¿Cómo funciona Imágenes inteligentes con los ajustes preestablecidos de imagen existentes que ya se están utilizando?

Imágenes inteligentes funciona con los ajustes preestablecidos de imagen existentes y observa todos los ajustes de imagen. Lo que cambia es el formato de imagen, la configuración de calidad o ambos. Para la conversión de formato, Imágenes inteligentes mantiene la fidelidad visual completa tal como se define en los ajustes preestablecidos de la imagen, pero a un tamaño de archivo más pequeño.

Por ejemplo, supongamos que un ajuste preestablecido de imagen se define con formato JPEG, tamaño 500 x 500, calidad=85 y máscara de enfoque=0,1,1,5. Cuando Smart Imaging detecta que un usuario está en un navegador Chrome, la imagen se convierte al formato WebP, con un tamaño de 500 x 500, y una máscara de enfoque=0,1,1,5 con una calidad WebP que coincide con una calidad JPEG de 85 lo más cercana posible. El espacio de esa conversión WebP se compara con el JPEG y se devuelve el más pequeño de los dos.

¿Tengo que cambiar alguna URL, ajuste preestablecido de imagen o implementar algún código nuevo en mi sitio para imágenes inteligentes?

No. Imágenes inteligentes funciona perfectamente con las direcciones URL de imagen y ajustes preestablecidos de imagen existentes. Además, Imágenes inteligentes no requiere que agregue código al sitio web para detectar el explorador de un usuario. Toda esta funcionalidad se gestiona automáticamente.

¿Smart Imaging funciona con HTTPS? ¿Qué tal HTTP/2?

Imágenes inteligentes funciona con imágenes entregadas a través de HTTP o HTTPS. Además, también funciona sobre 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) empaquetada en Adobe como parte de la licencia.
• Utilice un dominio dedicado (por ejemplo, images.company.com o mycompany.scene7.com), no es un dominio genérico (por ejemplo, s7d1.scene7.com, s7d2.scene7.com, o s7d13.scene7.com).

Para buscar los dominios, abra aplicación de escritorio de Dynamic Media Classic, luego inicie sesión en su cuenta o cuentas de empresa.

Ir a Configurar > Ajustes de aplicación > Configuración general. Busque el campo con la etiqueta Servidor de publicación. Si actualmente utiliza un dominio genérico, puede solicitar pasar a su propio dominio personalizado. Realice esta solicitud de transición cuando envíe un caso de asistencia.

Su primer dominio personalizado no supone ningún coste adicional con una licencia de Dynamic Media.

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

Inicia una solicitud para utilizar imágenes inteligentes; no se activa automáticamente.

Cree un caso de soporte como se describe a continuación. En su caso de soporte, asegúrese de mencionar cuál de las siguientes capacidades de imágenes inteligentes (una o más) desea habilitar en su cuenta:

• WebP
• AVIF
• Optimización del ancho de banda de red y DPR
• PNG a AVIF con pérdida o WebP con pérdida

Si ya tiene habilitadas las imágenes inteligentes con WebP, pero desea otras nuevas funcionalidades como las enumeradas anteriormente, debe crear un caso de asistencia.

Para crear un caso de soporte para habilitar Smart Imaging en su cuenta:

1. Utilice el Admin Console para iniciar la creación de un nuevo caso de asistencia.

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

   • Nombre del contacto principal, correo electrónico, teléfono.

   • Enumere cuál de las siguientes capacidades de imágenes inteligentes (una o más) desea habilitar en su cuenta:

     • WebP
     • AVIF
     • Optimización del ancho de banda de red y DPR
     • PNG a AVIF con pérdida o WebP con pérdida

   • Todos los dominios que deben habilitarse para imágenes inteligentes (es decir, images.company.com o mycompany.scene7.com).

     Para buscar los dominios, abra aplicación de escritorio de Dynamic Media Classic, luego inicie sesión en su cuenta o cuentas de empresa.

     Ir a Configurar > Ajustes de aplicación > Configuración general.

     Busque el campo con la etiqueta Servidor de publicación.

   • Compruebe que está utilizando la red de distribución de contenido (CDN) a través del Adobe y que no está gestionada con una relación directa.

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

     Para buscar los dominios, abra aplicación de escritorio de Dynamic Media Classic, luego inicie sesión en su cuenta o cuentas de empresa.

     Ir a Configurar > Ajustes de aplicación > Configuración general.

     Busque el campo con la etiqueta Servidor de publicación. Si está utilizando un dominio de Dynamic Media Classic genérico, puede solicitar pasar a su propio dominio personalizado como parte de esta transición.

   • Indique si desea que funcione sobre HTTP/2.

3. La Asistencia al cliente de Adobe le añade a la Lista de espera de clientes de imágenes inteligentes en función del orden en que se envían las solicitudes.

4. Cuando el Adobe está listo para administrar su solicitud, el Servicio de atención al cliente se pone en contacto con usted para coordinar y establecer una fecha objetivo.

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

6. Se le notificará una vez que el Servicio de atención al cliente lo haya completado.

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 Configurar > Ajustes de aplicación > Ajustes de publicación > Servidor de imágenes. Configure las variables Duración predeterminada de la caché del cliente valor de 24 o más.
   2. Si usa Dynamic Media, siga estas instrucciones. Configure las variables Caducidad valor 24 horas o más.

¿Cuándo puedo esperar que se habilite mi cuenta con imágenes inteligentes?

Las solicitudes se procesan en el orden en que se reciben en Asistencia al cliente, según la Lista de espera.

¿Cuáles son los riesgos de cambiar al uso de imágenes inteligentes?

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

Durante la transición inicial, las imágenes no almacenadas en caché acceden directamente a los servidores de origen de Adobe hasta que se vuelva a crear la . De este modo, Adobe tiene previsto gestionar varias transiciones de clientes a la vez, de modo que se mantenga un rendimiento aceptable al extraer solicitudes de su origen. Para la mayoría de los clientes, la caché se vuelve a crear por completo en la CDN en un plazo de ~1 a 2 días.

¿Cómo puedo verificar si Imágenes inteligentes funciona 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 accediendo a Ver > Desarrollador > Herramientas para desarrolladores en el explorador. O bien, elija cualquier herramienta para desarrolladores de navegadores de su elección.

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

   • En Windows®, vaya a la configuración en el panel de herramientas del desarrollador y seleccione Deshabilitar caché (mientras devtools esté abierto) casilla de verificación.
   • En macOS, en el panel del desarrollador, en Red pestaña, seleccione deshabilitar caché.

4. Observe cómo el Tipo de contenido se transforma al formato adecuado. La siguiente captura de pantalla muestra una imagen PNG que se convierte dinámicamente a WebP en Chrome. Si su dominio tiene habilitado AVIF, también puede esperar ver AVIF en el Tipo de contenido.

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

¿Cómo puedo saber el aumento del rendimiento? ¿Existe alguna manera de conocer las ventajas de las imágenes inteligentes?

El encabezado de imágenes inteligentes determina las ventajas de las imágenes inteligentes. Cuando Imágenes inteligentes está habilitado, después de solicitar una imagen, en la Encabezados de respuesta encabezado, puede ver lo siguiente -X-Adobe-Smart-Imaging como se ve en el siguiente ejemplo resaltado:

Este encabezado indica lo siguiente:

• Imágenes inteligentes funciona para la empresa.
• Un valor positivo significa que la conversión se ha realizado correctamente. En este caso, se devuelve una nueva imagen WebP.
• Un valor negativo significa que la conversión no se ha realizado correctamente. En este caso, se devuelve la imagen solicitada original (JPEG de forma predeterminada, si no se especifica).
• Un valor positivo muestra la diferencia en bytes entre la imagen solicitada y la nueva imagen. En el ejemplo anterior, los bytes guardados son 75048 o aproximadamente 75 kB para una imagen.
• Un valor negativo significa que la imagen solicitada es más pequeña que la nueva imagen. Se muestra la diferencia de tamaño negativa, pero la imagen servida solo es la imagen solicitada original.

¿Cómo puedo desactivar la optimización de AVIF en imágenes inteligentes?

Si desea volver a ofrecer WebP de forma predeterminada, cree un caso de soporte para el mismo. Como de costumbre, puede desactivar Imágenes inteligentes añadiendo el parámetro bfc=off a la URL de la imagen. Sin embargo, no puede seleccionar WebP o AVIF en el modificador URL para Imágenes inteligentes. Esta capacidad se mantiene en el nivel de cuenta de la empresa.

¿Se puede desactivar la imagen inteligente para cualquier solicitud?

Sí. Puede desactivar Imágenes inteligentes si agrega cualquiera de los siguientes modificadores:

• bfc=off para desactivar la conversión de formato del explorador. Consulte también Conversión de formato del explorador.
• dpr=off para desactivar la proporción de píxeles del dispositivo. Consulte también Proporción de píxeles del dispositivo.
• network=off para desactivar el ancho de banda de la red. Consulte también Ancho de banda de red.

¿Qué "ajuste" está disponible? ¿Hay alguna configuración o comportamiento que se pueda definir?

Imágenes inteligentes tiene tres opciones que puede activar o desactivar.

• Conversión de formato del explorador
• Proporción de píxeles del dispositivo
• Ancho de banda de red

Tengo una URL con fmt=tif en el explorador web Chrome. Pero mi solicitud falla con un error de ImageServer. ¿Por qué?

Este error no se produce si Smart Imaging no está habilitado en su cuenta. Imágenes inteligentes funciona solo con formatos JPEG o PNG.

Para evitar este error, puede:

• Especifique JPEG o PNG, o
• No utilice el fmt modificador en absoluto, o
• Utilice un formato preferido por el explorador definido por Imágenes inteligentes. Por ejemplo, puede utilizar WebP para el explorador web Chrome.

Deseo descargar una imagen de TIFF desde la dirección URL de una imagen. ¿Cómo lo hago?

Añadir fmt=tif y bfc=off a la ruta URL de la imagen.

¿Smart Imaging solo administra el formato de imagen o también la configuración de calidad de imagen para obtener mejores resultados?

Imágenes inteligentes utiliza formato y calidad. El resto de los parámetros siguen siendo los mismos, si se solicitan en la dirección URL de la imagen.

Si Smart Imaging administra la configuración de calidad, ¿hay mínimos y máximos que pueda establecer? En otras palabras, ¿una calidad que no es inferior a 60 ni buena a 80?

Actualmente no existe ese aprovisionamiento.

¿Smart Imaging ajusta automáticamente la configuración de salida de calidad porcentual o es una configuración que se ajusta manualmente y se aplica a todas las imágenes? ¿Dentro de qué rango?

Imágenes inteligentes ajusta automáticamente el porcentaje de calidad. Este porcentaje de calidad se determina mediante un algoritmo de aprendizaje automático desarrollado por Adobe. Este porcentaje no es específico del intervalo.

Con Imágenes inteligentes, ¿qué comandos de servicio de imágenes se admiten o se omiten?

Los únicos comandos que se omiten son fmt y qlt. Se admiten todos los comandos restantes.

¿Se reemplazan solo las imágenes de JPEG por imágenes inteligentes? ¿Qué sucede si solicito un WebP, PNG u otra cosa?

Esta funcionalidad solo funciona para JPEG y PNG.

¿Por qué a veces se devuelve una imagen de JPEG a Chrome en lugar de a WebP?

Imágenes inteligentes determina si la conversión es beneficiosa o no. Devuelve la nueva imagen solo si la conversión es beneficiosa.

¿Por qué la funcionalidad de proporción de píxeles de dispositivo (dpr) no funciona como se espera con las imágenes compuestas?

Si una imagen compuesta implica demasiadas capas, la funcionalidad de dpr puede verse afectada al utilizar un modificador de posición. Este problema se conoce y se solucionará en futuras versiones de Imágenes inteligentes. Si otras funcionalidades de imágenes inteligentes no funcionan según lo esperado, puede crear un caso de asistencia para informar del problema.

¿Por qué Smart Imaging PNG sigue convirtiéndose en WebP/AVIF sin pérdidas?

Como PNG es un formato sin pérdidas, las entregas anteriores de WebP y AVIF resultaron con pérdidas mayores de lo esperado. Imágenes inteligentes ahora admite la conversión con pérdida. Puede utilizar el modificador cache=update (solo una vez) en una solicitud de imagen para solucionar este problema. Ejemplo de uso de este modificador:

https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update

Para invalidar toda la caché, debe crear un caso de soporte que solicite ese esfuerzo.

¿Cómo puedo seguir utilizando PNG para lograr una conversión sin pérdidas en imágenes inteligentes?

Imágenes inteligentes ahora admite la conversión con pérdida en función del nivel de calidad. Para seguir utilizando la conversión sin pérdidas, puede utilizar la calidad 100 establecida mediante la configuración de su empresa o a través de la dirección URL de la imagen utilizando qlt=100 en la ruta.

Recursos de Business.Adobe.com

Multichannel Communication Ecommerce Integrations Cms Cloud Targeted Content Dynamic Media Headless Cms