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 requiere el uso de la CDN (red de distribución de contenido) predeterminada incluida en Adobe Experience Manager - Dynamic Media. Esta función no admite ninguna otra CDN personalizada.
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)
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:
bfc
)dpr
)network
)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.
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.
Valores permitidos en la dirección URL de una imagen | Descripción |
---|---|
dpr=off |
Desactive la optimización del RGPD en un nivel de URL de imagen individual. |
dpr=on,dprValue |
Anule el valor del DPR detectado por Imágenes inteligentes, con un valor personalizado (tal y como lo detecta cualquier lógica del lado del cliente u otro medio). Valor permitido para dprValue es cualquier número bueno que 0. |
dpr=on,dprValue
incluso si la configuración del DPR a nivel de compañía está desactivada.Tamaño de imagen solicitado | Valor de proporción de píxeles del dispositivo (dpr) | Tamaño de imagen entregado |
---|---|---|
816 x 500 | 1 | 816 x 500 |
816 x 500 | 2 | 1632 x 1000 |
Consulte también Al trabajar con imágenes y Al trabajar con Recorte inteligente.
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.
Valor permitido en la dirección URL de una imagen | Descripción |
---|---|
network=off |
Desactiva la optimización de red en un nivel de URL de imagen individual. |
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.
qlt
) especificado en la solicitud de imagen.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).
Las imágenes inteligentes no están disponibles para los clientes híbridos de Dynamic Media.
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.
Si el tamaño de la imagen original es menor que el que produce Smart Imaging, se sirve la imagen original.
Se admiten los siguientes formatos de imagen para imágenes inteligentes:
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.
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.
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.
Imágenes inteligentes funciona con imágenes entregadas a través de HTTP o HTTPS. Además, también funciona sobre HTTP/2.
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:
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.
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:
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:
Utilice el Admin Console para iniciar la creación de un nuevo caso de asistencia.
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:
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.com
y 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.
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.
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.
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.
Se le notificará una vez que el Servicio de atención al cliente lo haya completado.
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:
Las solicitudes se procesan en el orden en que se reciben en Asistencia al cliente, según la Lista de espera.
Puede haber un tiempo de espera largo porque habilitar imágenes inteligentes implica borrar la Adobe de la caché. Por lo tanto, solo se pueden gestionar unas pocas transiciones de clientes en un momento determinado.
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.
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.
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.
Asegúrese de que la caché esté deshabilitada cuando las herramientas para desarrolladores estén abiertas.
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.
Repita esta prueba en diferentes navegadores y condiciones de usuario.
No todas las imágenes se convierten. Imágenes inteligentes decide si la conversión puede mejorar el rendimiento. En ocasiones, cuando no se espera una ganancia de rendimiento o el formato no es JPEG ni PNG, la imagen no se convierte.
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:
75048
o aproximadamente 75 kB para una imagen.X-Adobe-Smart-Imaging = -1 con WebP entregado
Si el valor de X-Adobe-Smart-Imaging
es -1 y WebP aún se está entregando, lo que significa que Imágenes inteligentes está funcionando, pero las ventajas de tamaño no se calcularon debido a la caché antigua. Puede utilizar cache=update
(solo una vez) en la dirección URL de la imagen para solucionar este problema.
Ejemplo de uso del modificador:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
Para invalidar toda la caché, debe crear un caso de soporte.
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.
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.Imágenes inteligentes tiene tres opciones que puede activar o desactivar.
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:
fmt
modificador en absoluto, oAñadir fmt=tif
y bfc=off
a la ruta URL de la imagen.
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.
Actualmente no existe ese aprovisionamiento.
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.
Los únicos comandos que se omiten son fmt
y qlt
. Se admiten todos los comandos restantes.
Esta funcionalidad solo funciona para JPEG y PNG.
Imágenes inteligentes determina si la conversión es beneficiosa o no. Devuelve la nueva imagen solo si la conversión es beneficiosa.
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.
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.
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.