Imágenes inteligentes smart-imaging
Acerca de las imágenes inteligentes about-smart-imaging
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.
- Tamaño de archivo (con envío WebP y AVIF)
- Ancho de banda de red
- DPR (proporción de píxeles del dispositivo)
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:
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)
Ventajas de las 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
- Proporción de píxeles del dispositivo
- Ancho de banda de red
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, Smart Imaging vuelve a calcular la calidad del nuevo formato.
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 proporción de píxeles de 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 nítida.
Actualmente, la densidad de píxeles de la visualización proviene de los valores del encabezado CDN de Akamai.
dpr=offdpr=on,dprValuedprValue es cualquier número bueno que 0.- Puede utilizar
dpr=on,dprValueincluso si la configuración del DPR a nivel de compañía está desactivada. - Debido a la optimización del RGPD, cuando la imagen resultante es buena respecto a la configuración de MaxPix Dynamic Media, la anchura de MaxPix siempre se reconoce manteniendo la proporción de aspecto de la imagen. —>
Consulte también Al trabajar con imágenes y Al trabajar con Recorte inteligente.
Acerca de la optimización del ancho de banda bandwidth
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.
network=offLos 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.
Funcionamiento de las imágenes inteligentes how-smart-imaging-works
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.
Compatibilidad con formatos de imagen en imágenes inteligentes image-format-support
Se admiten los siguientes formatos de imagen para imágenes inteligentes:
- JPEG
- PNG
Para un formato de archivo de imagen JPEG, Smart Imaging vuelve a calcular 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.
Compatibilidad con comandos de Image Serving en Imágenes inteligentes imaging-serving-command-support
Los comandos del servicio de imágenes fmt y qlt no son compatibles; se admiten todos los comandos restantes.
Preguntas más frecuentes sobre imágenes inteligentes smart-imaging-faq
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).
| note important |
|---|
| IMPORTANT |
| Las imágenes inteligentes no están disponibles para los clientes híbridos de Dynamic Media. |
Sí. Puede desactivar Imágenes inteligentes si agrega cualquiera de los siguientes modificadores:
bfc=offpara desactivar la conversión de formato del explorador. Consulte también Conversión de formato del explorador.dpr=offpara desactivar la proporción de píxeles del dispositivo. Consulte también Proporción de píxeles del dispositivo.network=offpara desactivar el ancho de banda de la red. Consulte también Ancho de banda de red.
Sí. Imágenes inteligentes tiene tres opciones que puede activar o desactivar.
Sí. 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, unsharp mask=0.1,1,5 tiene una calidad WebP que coincide con una calidad JPEG de 85 tan cerca como sea posible. El espacio de esa conversión WebP se compara con el JPEG y se devuelve el más pequeño de los dos.
Depende de ti. 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.comomycompany.scene7.com), no es un dominio genérico (por ejemplo,s7d1.scene7.com,s7d2.scene7.com, os7d13.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.
No. 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:
-
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:
- 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.comomycompany.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.comomycompany.scene7.comy no un dominio genérico, comos7d1.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:
- 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.
- Si usa Dynamic Media, siga estas instrucciones. Configure las variables Caducidad valor 24 horas o más.
Las solicitudes se procesan en el orden en que se reciben en Asistencia al cliente, según la Lista de espera.
| note note |
|---|
| NOTE |
| 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 uno a dos días.
Sí. Puede hacer lo siguiente:
-
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.
- 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é.
-
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.
| note note |
|---|
| NOTE |
| 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. |
Sí. 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
75048o 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.
| note note |
|---|
| NOTE |
| 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=updatePara invalidar toda la caché, debe crear un caso de soporte. |
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 compañía.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
fmtmodificador 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.
fmt=tif y bfc=off a la ruta URL de la imagen.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.
qlt=100 en la ruta.