Imágenes inteligentes smart-imaging
Descubra cómo Imágenes inteligentes con Adobe Sensei AI aplica las características de visualización únicas de cada usuario para ofrecer automáticamente las imágenes adecuadas optimizadas para su experiencia, lo que resulta en un mejor rendimiento y participación.
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 viene 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.
Vea 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 mejora la entrega de imágenes al optimizar automáticamente el tamaño del archivo en función del explorador del usuario, la visualización del dispositivo y las condiciones de la red. Este enfoque garantiza tiempos de carga más rápidos y una mejor experiencia de visualización en diferentes entornos. 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 los siguientes:
- Tasas de conversión más altas.
- Tiempo empleado en un sitio.
- Tasas de devolución del sitio más bajas.
Las ventajas clave más recientes de las imágenes inteligentes son las siguientes:
- 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 bfc
Activar la conversión de formato del explorador adjuntando bfc=on
a la dirección 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 para diferentes exploradores. Para los navegadores que no admiten estos formatos, Smart Imaging sigue sirviendo al JPEG o PNG. Imágenes inteligentes vuelve a calcular la calidad del nuevo formato junto con el cambio de formato.
Puede desactivar Imágenes inteligentes adjuntando bfc=off
a la dirección 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 del dispositivo dpr
La proporción de píxeles del dispositivo (DPR), también denominada proporción de píxeles CSS, representa la relación entre los píxeles físicos y los píxeles lógicos de un dispositivo. Con el aumento de las pantallas de retina, la resolución de píxeles de los dispositivos móviles modernos ha ido aumentando rápidamente.
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=off
dpr=on,dprValue
dprValue
es cualquier número mayor que 0.- Puede usar
dpr=on,dprValue
incluso 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 mayor que la configuración de MaxPix Dynamic Media, la anchura de MaxPix siempre se reconoce manteniendo la proporción de aspecto de la imagen. -->
Vea 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 el ancho de banda de la 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.
Su compañía puede deshabilitar la optimización del ancho de banda de red para imágenes individuales adjuntando network=off
a la dirección URL de la imagen.
network=off
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 muestran dpr=2
. Sin embargo, para los dispositivos de alta resolución, es mejor enviar dpr=2
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 Usar imágenes inteligentes con proporción de píxeles de dispositivo del lado del cliente.
Ventajas clave adicionales 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.
- Ofrece contenido optimizado inmediatamente (durante la ejecución).
- Utiliza la tecnología Adobe Sensei para realizar conversiones de acuerdo con la calidad (
qlt
) especificada 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 realizó un proceso de 2 pasos para invalidar la caché. En la última versión de 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 para el origen" y "X-Robot" como se sugiere en Agregar 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 analiza las características del usuario y la convierte al formato adecuado en función del explorador. 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 si 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
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 Formato de imagen Navegadores 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
Imágenes inteligentes vuelve a calcular la calidad de los formatos de archivo de imagen JPEG al convertirlos a un 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
No se admiten los comandos del servicio de imágenes fmt
y qlt
; se admiten todos los comandos restantes.
Preguntas 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 as a Cloud Service en Experience Manager).
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=off
para desactivar la conversión de formato del explorador. Consulte también Conversión de formato de 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.
Sí. Imágenes inteligentes tiene tres opciones que puede activar o desactivar.
Imágenes inteligentes se integra perfectamente con los ajustes preestablecidos de imagen existentes, respetando todos los ajustes de la imagen.
Los únicos ajustes implican el formato de imagen, o la calidad, o ambos. Durante la conversión de formato, Imágenes inteligentes conserva la fidelidad visual completa según los ajustes preestablecidos, pero proporciona un tamaño de archivo más pequeño. Solo tiene que habilitarlo agregando bfc=on
, dpr=on,dprValue
o network=on
, o los tres parámetros de configuración a sus direcciones URL o ajustes preestablecidos existentes.
Por ejemplo, supongamos que un ajuste preestablecido de imagen especifica un formato de JPEG de 500 × 500 píxeles, con quality=85
y unsharp mask=0.1,1,5
. Imágenes inteligentes detecta si el usuario se encuentra en un navegador Chrome. A continuación, convierte la imagen a WebP con las mismas dimensiones (500 × 500) y una máscara de enfoque que coincide con la configuración del JPEG. A continuación, el sistema compara los tamaños de archivo de las versiones WebP y JPEG y sirve la más pequeña para el usuario.
Imágenes inteligentes está listo para su uso inmediato para todos los clientes. Para comenzar a disfrutar de sus ventajas, simplemente agregue bfc=on
, o dpr=on,dprValue
, o network=on
, o los tres parámetros de configuración a las direcciones URL o ajustes preestablecidos existentes.
Para activar imágenes inteligentes, la cuenta de Experience Manager de Dynamic Media Classic o Dynamic Media de su empresa debe incluir la red de distribución de contenido (CDN) incluida en el Adobe como parte de la licencia.
Para empezar a usar imágenes inteligentes, agregue bfc=on
, dpr=on,dprValue
o network=on
, o los tres parámetros a las direcciones URL o ajustes preestablecidos existentes. Si prefiere no realizar estos cambios manualmente, puede habilitar Imágenes inteligentes de forma predeterminada creando un caso de soporte.
Al crear el caso de soporte, especifique qué funciones de imágenes inteligentes desea activar en su cuenta:
- Conversión de formato del explorador (WebP o AVIF)
- Optimización del ancho de banda de red
note note |
---|
NOTE |
El RGPD requiere ajustes del lado del cliente para determinar el dprValue correcto. Por lo tanto, Adobe recomienda habilitar el DPR mediante direcciones URL adjuntando dpr=on,dprValue . |
Para crear un caso de soporte para habilitar imágenes inteligentes en su cuenta:
-
Use el Admin Console para iniciar la creación de un nuevo caso de soporte.
-
Proporcione la siguiente información en su caso de asistencia:
-
Detalles de contacto principal:
- Proporcione su nombre, correo electrónico y número de teléfono.
-
Funciones de imágenes inteligentes para habilitar:
-
Enumere las funcionalidades que desee para su cuenta:
- Conversión de formato del explorador: WebP o AVIF
- Optimización del ancho de banda de red
- DPR: DPR requiere ajustes del lado del cliente para determinar el
dprValue
correcto. Por lo tanto, Adobe recomienda habilitar el DPR mediante direcciones URL adjuntandodpr=on,dprValue
.
-
-
Dominio para imágenes inteligentes:
-
Enumerar todos los dominios relevantes, como
company.com
omycompany.scene7.com
-
Imágenes inteligentes admite dominios genéricos y personalizados.
-
Para identificar sus dominios, abra la aplicación de escritorio de Dynamic Media Classic e inicie sesión en su cuenta de empresa.
- Vaya a Configuración > Configuración de la aplicación > Configuración general.
- Busque el campo Nombre de servidor publicado para confirmar su dominio.
- Compruebe que está utilizando la CDN de Adobe en lugar de una administrada por otro proveedor.
-
-
Indicar compatibilidad con HTTP/2:
- Especifique si necesita imágenes inteligentes para trabajar sobre HTTP/2.
-
-
La Asistencia al cliente de Adobe habilita las funciones de imágenes inteligentes solicitadas de forma predeterminada, lo que elimina la necesidad de anexar parámetros manualmente a las direcciones URL.
-
El Adobe recomienda establecer el Tiempo de vida (TTL) en al menos 24 horas para maximizar el rendimiento mediante el almacenamiento en caché.
Para ajustar el TTL:-
Para Dynamic Media Classic:
- Vaya a Configuración > Configuración de aplicación > Configuración de Publish > Servidor de imágenes.
- Establezca el valor de Tiempo de almacenamiento en caché del cliente predeterminado para activo en 24 horas o más.
-
Para Dynamic Media en Adobe Experience Manager:
- Siga estas instrucciones.
- Establezca el valor Expiration durante 24 horas o más.
-
La Asistencia al cliente procesa las solicitudes en el orden en que las recibe, 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.
-
Para abrir el panel de desarrolladores de Chrome, ve 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 para desarrolladores y, a continuación, active la casilla de verificación Deshabilitar caché (mientras devtools esté abierto).
- En macOS, en el panel Desarrollador, en la ficha Red, seleccione deshabilitar caché.
-
Observe cómo el Tipo de contenido se transforma al formato adecuado. La siguiente captura de pantalla muestra una imagen PNG convertida 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 se habilita Imágenes inteligentes, después de solicitar una imagen, bajo el encabezado Encabezados de respuesta, puede ver -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.
note note |
---|
NOTE |
X-Adobe-Smart-Imaging = -1 con WebP siendo entregado |
Si el valor de X-Adobe-Smart-Imaging es -1 y WebP aún se está entregando, Imágenes inteligentes estará activo. Sin embargo, las ventajas de tamaño no se calcularon debido a que la caché no está actualizada. Puede usar 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. |
bfc=off
a la dirección 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 use el modificador
fmt
, 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 no sufrieron pérdidas, lo que dio como resultado un tamaño mayor del esperado. Imágenes inteligentes ahora admite la conversión con pérdida. Puede usar 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
a la ruta de acceso URL de la imagen.