Imágenes inteligentes

¿Qué es "Imágenes inteligentes"?

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

NOTA

Esta función requiere que utilice la CDN (red de distribución de contenido) predeterminada que se incluye con Adobe Experience Manager Dynamic Media. Esta función no admite ninguna otra CDN personalizada.

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

Imagen
(URL)
Miniatura Tamaño
(JPEG)
Tamaño (WebP)
(con imágenes inteligentes)
% de reducción
Imagen 1 picture1 73.75 KB 45.92 KB 38 %
Imagen 2 picture2 191 KB 70.66 KB 63 %
Imagen 3 picture3 96.64 KB 39.44 KB 59 %
Imagen 4 picture4 315.80 KB 178.19 KB 44 %
Media = 51%

De forma similar a lo anterior, Adobe también realizó una prueba con 7009 URL de sitios de clientes activos. Pudieron lograr una optimización promedio de un 38% más del tamaño de archivo para JPEG. Para PNG con formato WebP, fueron capaces de lograr un promedio de un 31% más de optimización del tamaño de archivo. Este tipo de optimización es posible debido a la capacidad de las imágenes inteligentes.

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

Como las imágenes constituyen la mayor parte del tiempo de carga de una página, la mejora del rendimiento puede tener un impacto profundo en un negocio, como una mayor conversión, el tiempo invertido en el sitio y una menor tasa de devoluciones del sitio.

Mejoras en la última versión de imágenes inteligentes:

  • Se ha mejorado la clasificación SEO de Google para páginas web que utilizan las últimas imágenes inteligentes.
  • Proporciona contenido optimizado inmediatamente (en tiempo de ejecución).
  • Utiliza la tecnología de Adobe Sensei para realizar la conversión según la calidad (qlt) especificada en la solicitud de imagen.
  • Las imágenes inteligentes se pueden desactivar utilizando el parámetro de URL "bfc".
  • TTL (Tiempo de vida) independiente. Anteriormente, para que funcionara la imagen inteligente era obligatorio un TTL mínimo de 12 horas.
  • Anteriormente, las imágenes originales y las imágenes derivadas se almacenaban en caché y era 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 caché de un solo paso.
  • Los clientes que utilizan encabezados personalizados en su conjunto de reglas se benefician de las últimas imágenes inteligentes, ya que estos encabezados no están bloqueados, a diferencia de la versión anterior de imágenes inteligentes. Por ejemplo, "Origen de permiso de temporización", "Robot X", tal como se sugiere en Adición de un valor de encabezado personalizado a las respuestas de imágenes|Dynamic Media Classic.

¿Hay algún costo de licencia asociado con las imágenes inteligentes?

No. Las imágenes inteligentes se incluyen en su licencia existente de Dynamic Media Classic o Adobe Experience Manager - Dynamic Media (On-Premim, AMS y Adobe Experience Manager como Cloud Service).

NOTA

Las imágenes inteligentes no están disponibles para los clientes de Dynamic Media: híbrido.

¿Cómo funcionan las imágenes inteligentes?

Cuando un consumidor solicita una imagen, la función Imágenes inteligentes 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 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.

  • Convertir automáticamente a WebP para los siguientes navegadores:

    • Chrome
    • Firefox
    • Microsoft® Edge
    • Safari (en iOS, macOS, iPadOS), compatible con WebP con el explorador y la versión del sistema operativo
    • Android™
    • Opera
  • Compatibilidad con navegadores anteriores para lo siguiente:

    Explorador Versión del navegador/sistema operativo Formato
    Safari Anterior a iOS/iPad 14.0 o macOS BigSur JPEG2000
    Edge Anteriores a 18 JPEGXR
    Internet Explorer 9+ JPEGXR
  • Para los navegadores 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 la imagen inteligente, se suministra la imagen original.

¿Qué formatos de imagen se admiten?

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

  • JPEG
  • PNG

¿Cómo funciona la imagen inteligente con mis ajustes preestablecidos de imagen que ya están en uso?

La imagen inteligente funciona con los "ajustes preestablecidos de imagen" existentes y observa todos los ajustes de imagen, excepto la calidad (qlt) y el formato (fmt) si el formato de archivo solicitado es JPEG o PNG. 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. Si el tamaño de la imagen original es menor que el que produce la imagen inteligente, se suministra la imagen original.

¿Tengo que cambiar direcciones URL, ajustes preestablecidos de imagen o implementar código nuevo en mi sitio para imágenes inteligentes?

Las imágenes inteligentes funcionan perfectamente con las URL de imágenes y los ajustes preestablecidos de imagen existentes si configura las imágenes inteligentes en su dominio personalizado existente. Además, las imágenes inteligentes no requieren que añada código en el sitio web para detectar el explorador de un usuario. Todo se gestiona automáticamente.

Si debe configurar un nuevo dominio personalizado para utilizar imágenes inteligentes, las direcciones URL deben actualizarse para reflejar este dominio personalizado.

Para comprender los requisitos previos para las imágenes inteligentes, consulte ¿Puedo utilizar imágenes inteligentes?

¿Las imágenes inteligentes funcionan con HTTPS? ¿Qué sucede con HTTP/2?

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?

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) incluida en la Adobe como parte de su licencia.
  • Utilice un dominio dedicado (por ejemplo, images.company.com o mycompany.scene7.com), no un dominio genérico (por ejemplo, s7d1.scene7.com, s7d2.scene7.com o s7d13.scene7.com).

Para encontrar sus dominios, abra la aplicación de escritorio de Dynamic Media Classic y luego inicie sesión en la cuenta o cuentas de su empresa.

Pulse Configuración > Configuración de la aplicación > Configuración general. Busque el campo denominado Published Server Name. Si está utilizando un dominio genérico, puede solicitar pasar a su propio dominio personalizado como parte de esta transición cuando envíe un ticket de asistencia técnica.

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?

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

  1. Utilice el Admin Console para crear un caso de asistencia.

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

    1. Nombre de contacto principal, correo electrónico, teléfono.

    2. Todos los dominios que se activarán para la creación de imágenes inteligentes (es decir, images.company.com o mycompany.scene7.com).

      Para encontrar sus dominios, abra la aplicación de escritorio de Dynamic Media Classic y luego inicie sesión en la cuenta o cuentas de su empresa.

      Haga clic en Ajustes > Ajustes de aplicación > Configuracióngeneral.

      Busque el campo denominado Nombre del servidor publicado.

    3. Compruebe que está utilizando la CDN a través de la Adobe y que no se administra con una relación directa.

    4. 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 encontrar sus dominios, abra la aplicación de escritorio de Dynamic Media Classic y luego inicie sesión en la cuenta o cuentas de su empresa.

      Haga clic en Ajustes > Ajustes de aplicación > Configuracióngeneral.

      Busque el campo denominado Published Server Name. Si está utilizando un dominio genérico de Dynamic Media Classic, puede solicitar pasar a su propio dominio personalizado como parte de esta transición.

    5. Indique si también necesita que las imágenes inteligentes funcionen con HTTP/2.

  3. El Servicio de atención al cliente de Adobe le agrega a la lista de espera de cliente de imágenes inteligentes en función del orden en que se enviaron las solicitudes.

  4. Cuando el Adobe esté listo para gestionar su solicitud, el servicio de asistencia técnica contactará con usted para coordinar y establecer una fecha objetivo.

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

  6. El Servicio de atención al cliente le notifica una vez que la 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, haga clic en Configuración > Configuración de la aplicación > Configuración de publicación > Servidor de imágenes. Establezca el valor Tiempo de caché de cliente predeterminado en activo en 24 o más.
    2. Si usa Dynamic Media, siga estas instrucciones. Establezca el valor Expiration 24 horas o más.

¿Cuándo puedo esperar que mi cuenta esté habilitada con imágenes inteligentes?

Las solicitudes se procesan en el orden en que se reciben en el Servicio de atención al cliente, según la lista de espera.

NOTA

Puede haber un largo tiempo de espera, ya que la activación de imágenes inteligentes implica la eliminación de Adobes en la caché. Por lo tanto, solo se pueden gestionar algunas transiciones de cliente en un momento dado.

¿Cuáles son los riesgos de cambiar para utilizar imágenes inteligentes?

No existe riesgo para una página web del cliente. Sin embargo, la transición a imágenes inteligentes borra la caché en la CDN porque 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é. Como resultado, 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 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 haciendo clic en View > Developer > Developer Tools en el explorador. O bien, elija cualquier herramienta para desarrolladores de navegador que desee.

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

    • En Windows®, vaya a la configuración del panel de herramientas para desarrolladores y, a continuación, active la casilla Deshabilitar caché (mientras devtools está abierta).
    • En macOS, en el panel del desarrollador, en la pestaña Network, seleccione disable cache.
  4. Observe que el tipo de contenido se transforma al formato adecuado. La siguiente captura de pantalla muestra una imagen PNG que se está convirtiendo dinámicamente a WebP en Chrome.

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

NOTA

No todas las imágenes se convierten. Imágenes inteligentes decide si la conversión puede mejorar el rendimiento. A veces, cuando no hay una ganancia de rendimiento esperada o el formato no es JPEG o PNG, la imagen no se convierte.

image2017-11-14_15398

¿Se puede desactivar la imagen inteligente para cualquier solicitud?

Sí. Puede desactivar las imágenes inteligentes añadiendo el modificador bfc=off a la dirección URL.

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

Actualmente, puede activar o desactivar las imágenes inteligentes. No hay ningún otro ajuste disponible.

Si Imágenes inteligentes administra la configuración de calidad, ¿hay mínimos y máximos que configurar? Por ejemplo, ¿es posible configurar "no menos de 60" y "no buena que 80 calidad"? (#Minimum-maximum)

No existe esta capacidad de aprovisionamiento en la imagen inteligente actual.

A veces, se devuelve una imagen JPEG a Chrome en lugar de una imagen WebP. ¿Por qué? (#jpeg-webp)

Las imágenes inteligentes determinan si la conversión es beneficiosa o no. Devuelve la nueva imagen solo si la conversión resulta en un tamaño de archivo más pequeño con una calidad comparable.

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now