Imágenes inteligentes smart-imaging

¿Qué es "Imágenes inteligentes"? what-is-smart-imaging

La tecnología de imágenes inteligentes aplica las capacidades de Adobe Sensei AI y funciona con los "ajustes preestablecidos de imagen" existentes. Funciona 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 explorador del cliente.

Y ahora, obtenga una mejor puntuación de Google Core Web Vital para LCP (Pintado de mayor contenido) con imágenes inteligentes mejoradas que ahora viene con compatibilidad con AVIF y WebP.

Las imágenes inteligentes se benefician del aumento de rendimiento añadido de la integración total con el servicio CDN (Red de Entrega de Contenido) 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:

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

Compare WebP y AVIF con PNG, puede ver una reducción del tamaño del 84% con WebP y del 87% con AVIF. Y, como tanto los formatos WebP como AVIF admiten transparencia y múltiples animaciones de imagen, es un buen reemplazo para 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? what-are-the-key-benefits-of-smart-imaging

Las imágenes inteligentes proporcionan 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 del rendimiento puede tener un impacto profundo en los KPI comerciales, como tasas de conversión más altas, tiempo invertido en un sitio y tasas de devoluciones del sitio más bajas.

Entre las ventajas clave más recientes de la última imagen inteligente se incluyen las siguientes:

Acerca de la conversión de formato del explorador (bfc) bfc

Activar la conversión de formato del explorador anexando bfc=on a la URL de imagen convierte automáticamente JPEG y PNG a AVIF con pérdidas, WebP con pérdidas, JPEGXR con pérdidas, JPEG con pérdidas2000 para diferentes navegadores. En los navegadores que no admiten estos formatos, las imágenes inteligentes siguen siendo útiles para el 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 renderización de imágenes de Dynamic Media.

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

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.

Actualmente, la densidad de píxeles de la visualización proviene de los valores de encabezado de CDN de Akamai.

Consulte también Uso de imágenes y Trabajar con Recorte inteligente.

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

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 (Proporción de píxeles de dispositivo) se desactiva automáticamente, aunque 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 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, ambos programas 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 usar el RGPD 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 relación de píxeles de dispositivo del lado del cliente.

Ventajas clave adicionales de las imágenes inteligentes

¿Hay algún costo de licencia asociado con las imágenes inteligentes? are-there-any-licensing-costs-associated-with-smart-imaging

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

¿Cómo funciona la imagen inteligente? how-does-smart-imaging-work

Cuando un consumidor solicita una imagen, la función Imágenes inteligentes comprueba las características del usuario y las 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.

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? what-image-formats-are-supported

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

Para el formato de archivo de imagen del JPEG, la calidad del nuevo formato se recalcula mediante imágenes inteligentes.

Para formatos de archivo de imagen compatibles con la transparencia como PNG, puede configurar imágenes inteligentes para ofrecer AVIF y WebP con pérdidas. Para la conversión de formatos con pérdidas, Imágenes inteligentes utiliza la calidad mencionada en la URL de la imagen o la calidad configurada en la cuenta de empresa de Dynamic Media.

¿Cómo funciona la imagen inteligente con mis ajustes preestablecidos de imagen que ya están en uso? how-does-smart-imaging-work-with-our-existing-image-presets-that-are-already-in-use

La imagen inteligente funciona con los ajustes preestablecidos de imagen existentes y observa todos los ajustes de imagen. Lo que cambia es el formato de la imagen, el ajuste de calidad o ambos. 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.

Por ejemplo, supongamos que un ajuste preestablecido de imagen está definido con formato de JPEG, tamaño 500 x 500, calidad=85 y máscara de enfoque 0,1,1,5. Cuando Imágenes inteligentes detecta que un usuario está en un explorador Chrome, la imagen se convierte al formato WebP, con un tamaño de 500 x 500, y muestra máscara de enfoque=0,1,1,5 con una calidad WebP que coincide con una calidad de JPEG de 85 lo más cerca posible. La huella de esa conversión WebP se compara con el JPEG y se devuelve la menor de las dos.

¿Tengo que cambiar direcciones URL, ajustes preestablecidos de imagen o implementar código nuevo en mi sitio para imágenes inteligentes? will-i-have-to-change-any-urls-image-presets-or-deploy-any-new-code-on-my-site-for-smart-imaging

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

¿Las imágenes inteligentes funcionan con HTTPS? ¿Qué sucede con HTTP/2? does-smart-imaging-working-with-https-how-about-http

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? am-i-eligible-to-use-smart-imaging

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:

Para encontrar los dominios, abra la aplicación de escritorio de Dynamic Media Classic, 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 etiquetado Nombre del servidor publicado. Si actualmente utiliza un dominio genérico, puede solicitar el cambio a su propio dominio personalizado. Realice esta solicitud de transición cuando envíe un caso de asistencia.

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? what-is-the-process-for-enabling-smart-imaging-for-my-account

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

Cree un caso de asistencia como se describe a continuación. En su caso de asistencia, 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 ha habilitado las imágenes inteligentes con WebP, pero desea otras funciones nuevas como se ha indicado anteriormente, debe crear un caso de compatibilidad.

Para crear un caso de compatibilidad para habilitar las imágenes inteligentes en su cuenta:

¿Cuándo puedo esperar que mi cuenta esté habilitada con imágenes inteligentes? when-can-i-expect-my-account-to-be-enabled-with-smart-imaging

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? what-are-the-risks-with-switching-over-to-use-smart-imaging

No existe riesgo para una página web del cliente. Sin embargo, la transición a imágenes inteligentes elimina la caché de CDN. Esta operación 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é. De este modo, 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 correctamente? how-can-i-verify-whether-smart-imaging-is-working-as-expected

¿Cómo sé la ganancia de rendimiento? ¿Existe alguna forma de conocer los beneficios de las imágenes inteligentes? benefits

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

Este encabezado le indica lo siguiente:

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

Si desea volver a servir WebP de forma predeterminada, cree un caso de soporte para el mismo. Como de costumbre, puede desactivar las 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 de 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? turning-off-smart-imaging

Sí. Puede desactivar las imágenes inteligentes añadiendo cualquiera de los siguientes modificadores:

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

Las imágenes inteligentes tienen tres opciones que se pueden activar o desactivar.

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

Este error no se produce si las imágenes inteligentes no están habilitadas en la cuenta. Las imágenes inteligentes solo funcionan con los formatos JPEG o PNG.

Para evitar este error, puede:

Quiero descargar una imagen de TIFF de la URL de una imagen. ¿Cómo lo hago? download-tif

Agregar fmt=tif y bfc=off a la ruta URL de la imagen.

¿Las imágenes inteligentes solo administran el formato de imagen o también administran la configuración de calidad de imagen para obtener los mejores resultados?

Las imágenes inteligentes utilizan 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 Imágenes inteligentes administra la configuración de calidad, ¿hay mínimos y máximos que pueda establecer? En otras palabras, ¿una calidad no inferior a 60 y no buena a 80? quality-setting

Actualmente no hay tal aprovisionamiento.

¿Las imágenes inteligentes ajustan automáticamente la configuración de salida de la calidad porcentual o es una configuración que se ajusta manualmente y se aplica a todas las imágenes? ¿Dentro de qué rango? percent-quality

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

Con las imágenes inteligentes, ¿qué comandos de servicio de imágenes se admiten o se ignoran? support-ignore

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

¿Solo se reemplazan las imágenes JPEG por imágenes inteligentes? ¿Qué sucede si solicito un WebP, PNG o algo más? replace-request

Esta funcionalidad solo funciona para JPEG y PNG.

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

Las imágenes inteligentes determinan si la conversión es beneficiosa o no. Devuelve la nueva imagen solo si la conversión es beneficiosa.

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

Si una imagen compuesta implica demasiadas capas, la funcionalidad del 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 funciones de imágenes inteligentes no funcionan como se espera, puede crear un caso de compatibilidad para informar del problema.

¿Por qué el PNG de imágenes inteligentes sigue convirtiéndose en WebP/AVIF sin pérdidas? convert-to-lossless

Debido a que PNG es un formato sin pérdidas, los WebP y AVIF anteriores que se entregaban no tenían pérdidas, por lo que su tamaño es superior al esperado. Las imágenes inteligentes ahora admiten la conversión con pérdidas. 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 asistencia que solicite este esfuerzo.

¿Cómo puedo seguir utilizando PNG para la conversión sin pérdidas en imágenes inteligentes? continue-using

Las imágenes inteligentes ahora admiten la conversión con pérdidas en función del nivel de calidad. Para seguir utilizando la conversión sin pérdidas, puede utilizar la calidad 100 que se establece mediante la configuración de su empresa o a través de la URL de la imagen mediante qlt=100 en la ruta.