[AEM Assets]{class="badge positive" title="(Se aplica a los AEM Assets)."}
Imágenes inteligentes smart-imaging
Imágenes inteligentes con Adobe AI es una función de optimización de imágenes automatizada que adapta las imágenes entregadas a las condiciones de visualización de cada usuario. En lugar de servir un único activo fijo a cada visitante, Smart Imaging evalúa las características de visualización únicas de cada usuario y selecciona automáticamente la variante de imagen más adecuada para la experiencia de esa persona.
Imágenes inteligentes aplica las características de visualización únicas de cada usuario para ofrecer automáticamente la imagen correcta. Dado que las condiciones de visualización difieren de un visitante a otro (incluido el tipo de dispositivo, la resolución de pantalla y las condiciones de red), una sola imagen no es ideal para todos. Las imágenes inteligentes lo resuelven evaluando esas características en tiempo real y haciendo coincidir cada solicitud con la imagen optimizada más adecuada. Esto garantiza que cada usuario reciba un recurso calibrado según su contexto específico, sin necesidad de configurar manualmente cada escenario.
La optimización automática por usuario que ofrece Smart Imaging mejora directamente dos resultados:
- Mejor rendimiento: al ofrecer imágenes optimizadas con el tamaño correcto, se reduce la transferencia de datos innecesaria, lo que ayuda a que las páginas se carguen más rápido para el dispositivo y la conexión de cada usuario.
- Mayor participación: cuando las imágenes se representan rápidamente y aparecen correctamente en el entorno de visualización de un usuario, la experiencia es más fluida, lo que permite una participación más sólida del usuario.
Al hacer coincidir cada imagen con el visor individual, las imágenes inteligentes mejoran tanto el rendimiento de entrega como la participación del usuario de forma automática. Dado que Adobe AI gestiona la optimización en lugar de hacerlo a mano, los equipos obtienen las ventajas de la entrega de imágenes a escala sin tener que mantener recursos separados para cada posible escenario de visualización.
Acerca de las imágenes inteligentes about-smart-imaging
La tecnología de imágenes inteligentes aplica las capacidades de Adobe AI y funciona con los “ajustes preestablecidos de imagen” existentes. Mejora 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.
Imágenes inteligentes mejoradas ahora ofrece soporte para AVIF y WebP, lo que aumenta tu puntuación de Google Core Web Vital para la Pintura de contenido más grande (LCP).
- 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. Selecciona una ruta con 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. AVIF ofrece una reducción de tamaño promedio de hasta el 41 % con respecto a JPEG. En la prueba más grande, AVIF proporcionó una reducción de tamaño adicional de 20% con respecto a WebP, y WebP proporcionó una reducción de 27% con respecto a JPEG, todo con la misma calidad visual.
Compare WebP y AVIF con PNG, y podrá ver una reducción de tamaño de 84% con WebP y de 87% con AVIF. Dado que los formatos WebP y AVIF admiten transparencias y varias animaciones de imagen, sustituyen a 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, una entrega de imágenes más rápida mejora directamente los indicadores clave de rendimiento empresarial (KPI). Esto conduce a ganancias mensurables como:
- Tasas de conversión más altas.
- Mayor 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
Conversión de formato de explorador proporciona automáticamente formatos de imagen modernos y con pérdida a cada explorador para reducir el tamaño del archivo y conservar al mismo tiempo la calidad visual. Habilite la opción adjuntando bfc=on a la dirección URL de la imagen. Cuando se habilita, Imágenes inteligentes convierte las imágenes de origen de JPEG y PNG en el formato de próxima generación óptimo y con pérdidas que admite el explorador solicitante.
Cómo funciona la conversión de formato del explorador
Con bfc=on aplicado, Imágenes inteligentes convierte las imágenes de JPEG y PNG en uno de los siguientes formatos con pérdidas, seleccionados según lo que admita el explorador:
- AVIF con pérdida (AV1 Image File Format)
- WebP con pérdida
- JPEGXR con pérdida (JPEG Extended Range)
- JPEG 2000 con pérdida
Dado que no todos los exploradores admiten estos formatos más recientes, Smart Imaging aplica una reserva integrada: cuando un explorador no admite los formatos de destino, Smart Imaging sigue sirviendo el JPEG o PNG original. Esta alternativa garantiza que la imagen se represente correctamente en todos los exploradores, por lo que la activación de la función nunca interrumpe la compatibilidad. Durante cada cambio de formato, Smart Imaging también vuelve a calcular la calidad del nuevo formato para que coincida con la conversión.
Activar y desactivar la conversión de formato del explorador
- Habilitar: Anexe
bfc=ona la dirección URL de la imagen. - Deshabilitar: Anexe
bfc=offa la dirección URL de la imagen.
Para desactivar la conversión de formato del explorador, agregue bfc=off a la dirección URL de la imagen y Smart Imaging mostrará el JPEG o PNG original sin conversión de formato.
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
Proporción de píxeles del dispositivo (DPR), también denominada proporción de píxeles CSS, es la proporción entre los píxeles físicos de un dispositivo y sus píxeles lógicos (CSS). Como se reconoce ampliamente, los dispositivos móviles modernos y las pantallas de alta densidad “retina” empaquetan muchos más píxeles físicos en la misma área física, por lo que la resolución de píxeles de las pantallas contemporáneas ha aumentado rápidamente. Por lo tanto, un RGPD mayor significa que un único píxel lógico se representa mediante varios píxeles físicos, por lo que las imágenes creadas con un tamaño estándar pueden aparecer suaves o borrosas en pantallas de alta densidad a menos que se procesen con la resolución real de la pantalla.
Al habilitar la optimización de la proporción de píxeles del dispositivo, todas las imágenes se procesarán con la resolución nativa de la pantalla, lo que proporcionará imágenes nítidas y nítidas. Dado que la imagen se escala para coincidir con la densidad de píxeles real de la pantalla, el detalle se conserva y la pixelación se evita en dispositivos con alta RGPD.
Actualmente, la densidad de píxeles de la pantalla está determinada a partir de valores de encabezado CDN de Akamai. Esto significa que la capa de envío lee el DPR del informe del dispositivo desde los encabezados de solicitud y proporciona una imagen con el tamaño adecuado para esa densidad, sin requerir la configuración manual para cada dispositivo.
dpr=offdpr=on,dprValuedprValue es cualquier número mayor que 0.- Puede usar
dpr=on,dprValueincluso cuando la configuración de DPR en la empresa esté desactivada. - Debido a que la optimización del RGPD puede aumentar el tamaño de una imagen, cuando la imagen resultante supera la configuración de Dynamic Media MaxPix, la anchura de MaxPix siempre se aplica conservando la proporción de aspecto de la imagen.
Como se muestra en la tabla, un valor de DPR de 2 duplica la anchura y la altura de la imagen entregada (de 816 x 500 a 1632 x 1000), lo que produce el doble de densidad de píxeles lineal, por lo que la imagen permanece nítida en pantallas de alta densidad.
Vea también Al trabajar con imágenes y Al trabajar con recorte inteligente.
Acerca de la optimización del ancho de banda bandwidth
La optimización del ancho de banda de la red ajusta automáticamente la calidad de la imagen proporcionada en función del ancho de banda real de la red en tiempo real. Al habilitar esta función, se garantiza que las imágenes se entreguen con un nivel de calidad adecuado a cada conexión. Cuando el ancho de banda de la red es deficiente, la optimización de la relación de píxeles del dispositivo (DPR) se deshabilita automáticamente, incluso si se habilitó anteriormente, porque ofrecer recursos de alta resolución a través de una conexión restringida ralentizaría la entrega de la página.
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=offLos valores de ancho de banda de red y DPR se basan en los valores detectados del lado del cliente de la red de entrega de contenido (CDN) empaquetada. Estos valores a veces son inexactos. Por ejemplo, iPhone5 con DPR=2 y iPhone12 con dpr=3 informan dpr=2. En la práctica, los valores detectados pueden infravalorar la densidad real de píxeles de las pantallas de alta RGPD más recientes, por lo que el valor notificado puede quedar por debajo de la capacidad real de un dispositivo. Aun así, para los dispositivos de alta resolución, ofrecer dpr=2 ofrece imágenes mucho más nítidas que ofrecer dpr=1. Sin embargo, la mejor manera de superar esta inexactitud es utilizar la DPR del lado del cliente, que le proporciona valores 100% precisos. La RGPD del lado del cliente funciona de forma fiable en todos los dispositivos, ya sea Apple o cualquier otro fabricante, y devuelve valores con una precisión del 100%. 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 AI 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 la invalidación de la caché era un proceso de dos pasos. En la última versión de imágenes inteligentes, solo se almacenan en caché las imágenes derivadas, lo que permite un proceso optimizado 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.
Funcionamiento de las imágenes inteligentes how-smart-imaging-works
Cuando un consumidor solicita una imagen, Imágenes inteligentes analiza las características del usuario y convierte la imagen al formato óptimo en función del explorador que la solicita. Estas conversiones preservan la fidelidad visual al tiempo que reducen el tamaño del archivo, lo que garantiza tiempos de carga más rápidos sin una pérdida visible de calidad. Imágenes inteligentes convierte automáticamente las imágenes a diferentes formatos según la capacidad del explorador utilizando la cascada siguiente.
Conversión de formato en cascada
-
Se convierte automáticamente a AVIF (AV1 Image File Format) si el explorador solicitante admite el formato. AVIF suele ofrecer la compresión más potente entre las opciones admitidas, por lo que se prefiere cuando está disponible.
-
Se convierte automáticamente a WebP si la conversión a AVIF no fue beneficiosa o si el explorador no admite AVIF. WebP proporciona una compresión eficiente con amplio soporte de navegador moderno, lo que lo convierte en una segunda opción confiable.
-
Se convierte automáticamente a JPEG 2000 cuando Safari no admite WebP. Esto garantiza que los usuarios de Safari sigan recibiendo un formato de imagen optimizado.
-
Se convierte automáticamente a JPEG XR (JPEG Extended Range) para Internet Explorer (IE) 9+, o cuando Microsoft Edge no admite WebP. JPEG XR cubre los navegadores Microsoft heredados que no son compatibles con los formatos más recientes.
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 JPEG XR https://caniuse.com/jpegxr
Comportamiento de reserva
- En los exploradores que no admiten ninguno de estos formatos optimizados, Smart Imaging proporciona el formato de imagen solicitado originalmente. Esto garantiza que la imagen siempre se procese, independientemente de la capacidad del explorador.
Dado que servir el archivo más pequeño siempre es más eficiente, si el tamaño de la imagen original es menor que el que produce Smart Imaging, se sirve la imagen original en su lugar. Como resultado, Smart Imaging nunca ofrece un archivo más grande que el origen, lo que garantiza la transferencia más eficiente posible para cada solicitud.
Compatibilidad con formatos de imagen en imágenes inteligentes image-format-support
Imágenes inteligentes admite JPEG y PNG como formatos de imagen de origen para la entrega optimizada.
Formatos de entrada admitidos
- JPEG (Grupo Mixto de Expertos Fotográficos)
- PNG (gráficos de red portátiles)
Conversión del formato de salida y gestión de calidad
Imágenes inteligentes vuelve a calcular la calidad de los formatos de archivo de imagen de JPEG al convertirlos a un nuevo formato. Este recálculo garantiza que la salida convertida se optimice para su entrega en lugar de simplemente transmitir la codificación original, lo que ayuda a equilibrar la fidelidad visual con un tamaño de archivo reducido.
Para formatos de archivo de imagen compatibles con la transparencia, como PNG, puede configurar Imágenes inteligentes para que entregue AVIF con pérdida (AV1 Image File Format) y WebP con pérdida. Tanto AVIF como WebP son formatos modernos de próxima generación diseñados para lograr tamaños de archivo más pequeños que los formatos heredados, preservando al mismo tiempo la transparencia, lo que los hace muy adecuados para imágenes de origen transparente.
Para la conversión de formato con pérdida, Imágenes inteligentes determina la calidad de salida con el siguiente orden de prioridad:
- La calidad especificada en la dirección URL de la imagen se aplica primero, si está presente.
- La calidad configurada en la cuenta de compañía de Dynamic Media se usa como alternativa cuando no se proporciona ningún valor de calidad en la dirección URL.
Como resultado, el parámetro de calidad de la URL de imagen siempre tiene prioridad, mientras que la configuración de cuenta de empresa de Dynamic Media establece el valor predeterminado aplicado siempre que falta un valor de calidad de nivel de URL.
Compatibilidad con comandos de Image Serving en Imágenes inteligentes imaging-serving-command-support
Imágenes inteligentes admite todos los comandos del servicio de imágenes excepto dos: no se admiten los comandos fmt y qlt. Todos los demás comandos del servicio de imágenes funcionan normalmente en Smart Imaging.
Comandos de servicio de imágenes no admitidos
Los dos comandos de servicio de imágenes siguientes no son compatibles con imágenes inteligentes:
fmt— el comando format, que suele especificar el formato de archivo de salida de una imagen servida (por ejemplo, convertir una imagen a una codificación determinada). Dado que Imágenes inteligentes no admitefmt, el formato de imagen no se puede controlar mediante este comando.qlt: el comando quality, que suele controlar la calidad de compresión de una imagen servida. Dado que Imágenes inteligentes no admiteqlt, la calidad de compresión no se puede ajustar mediante este comando.
Comandos del servicio de imágenes admitidos
Todos los comandos de servicio de imágenes restantes son compatibles con imágenes inteligentes. Esto significa que el conjunto estándar de operaciones de transformación y entrega de imágenes (como el tamaño, el recorte y otras manipulaciones disponibles mediante el servicio de imágenes) sigue funcionando según lo esperado. Solo se excluyen de la compatibilidad los comandos de formato (fmt) y calidad (qlt).
Preguntas frecuentes sobre imágenes inteligentes smart-imaging-faq
Nº Imágenes inteligentes incluida sin costo adicional con su licencia existente. Esto se aplica a Dynamic Media Classic o a Experience Manager - Dynamic Media (local, AMS y Experience Manager as a Cloud Service).
| note important |
|---|
| IMPORTANT |
| Imágenes inteligentes no está disponible para los clientes híbridos de Dynamic Media. |
Sí. Puede desactivar Imágenes inteligentes por solicitud si agrega cualquiera de los siguientes modificadores:
bfc=offpara desactivar Conversión de formato de explorador. Consulte también Conversión de formato de explorador.dpr=offpara desactivar proporción de píxeles del dispositivo (DPR). Consulte también Proporción de píxeles del dispositivo.network=offpara desactivar la optimización del ancho de banda de la red. Consulte también Ancho de banda de red.
Sí. Imágenes inteligentes proporciona tres opciones configurables que puede habilitar o deshabilitar de forma independiente:
Sí. Imágenes inteligentes se integra a la perfección con los ajustes preestablecidos de imagen existentes y respeta todos los ajustes de imagen.
Los únicos ajustes implican el formato de imagen o la calidad de imagen. Durante la conversión de formato, Imágenes inteligentes conserva la fidelidad visual total de acuerdo con la configuración preestablecida y proporciona un tamaño de archivo más pequeño, lo que reduce el uso del ancho de banda y acelera las cargas de página. Habilite la opción agregando bfc=on, dpr=on,dprValue o network=on, o los tres parámetros a las direcciones URL o ajustes preestablecidos existentes.
Por ejemplo, un ajuste preestablecido de imagen puede especificar un formato de JPEG a 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. Luego convierte la imagen a WebP, un formato de imagen moderno y altamente comprimido, con las mismas dimensiones (500 × 500) y una máscara de enfoque que coincide con la configuración de 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. Esto garantiza una entrega más rápida y un consumo de ancho de banda reducido sin pérdida de calidad visual.
Imágenes inteligentes está lista para su uso inmediato para todos los clientes. Para empezar a disfrutar de sus ventajas, 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 Dynamic Media Classic o Dynamic Media en Experience Manager de su empresa debe incluir la red CDN (red de distribución de contenido) Adobe incluida como parte de su licencia. Una CDN distribuye y entrega sus imágenes desde servidores distribuidos geográficamente, lo que permite a Smart Imaging optimizar y ofrecer el formato correcto a cada usuario.
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 de explorador (WebP o AVIF: ambos formatos de imagen modernos y eficaces)
- Optimización del ancho de banda de la red
| note |
|---|
| NOTE |
DPR (proporción de píxeles del dispositivo) 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 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 (proporción de píxeles del dispositivo): DPR requiere ajustes del lado del cliente para determinar el
dprValuecorrecto. 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.comomycompany.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.
-
Adobe recomienda establecer el Tiempo de vida (TTL) en al menos 24 horas para maximizar el rendimiento a través del almacenamiento en caché. Un TTL más largo mantiene las imágenes optimizadas en caché en el perímetro, lo que reduce las solicitudes de origen repetidas.
Para ajustar el TTL:-
Para Dynamic Media Classic:
- Vaya a Configuración > Configuración de aplicación > Configuración de publicación > 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. Los tiempos de espera suelen ser largos porque habilitar las imágenes inteligentes requiere que Adobe borre la caché. Como resultado, solo se pueden gestionar unas pocas transiciones de clientes en un momento determinado.
| note |
|---|
| NOTE |
| Puede haber un tiempo de espera largo porque habilitar imágenes inteligentes implica que Adobe borre la caché. Por lo tanto, solo se pueden gestionar unas pocas transiciones de clientes en un momento determinado. |
No hay riesgo para la página web activa de un cliente. Sin embargo, la transición a Imágenes inteligentes borra la caché de Red de entrega de contenido (CDN), ya que Imágenes inteligentes mueve la cuenta 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 caché. Como tal, Adobe tiene previsto gestionar varias transiciones de clientes 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é está completamente acumulada de nuevo en la red de distribución de contenido (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 que se está convirtiendo dinámicamente a WebP en Chrome. Si su dominio tiene AVIF (AV1 Image File Format) habilitado, también puede esperar ver AVIF en el Content Type.
-
Repita esta prueba en diferentes navegadores y condiciones de usuario.
| 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 o 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 tal 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 sola 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 |
| 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=updatePara 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 directamente en el modificador de URL para Imágenes inteligentes. Esta capacidad de selección de formato se controla en el nivel de cuenta de la empresa en lugar de en el modificador URL.Este error no se produce si Smart Imaging no está habilitado en su cuenta. Las imágenes inteligentes solo funcionan con los formatos de origen JPEG y PNG.
Para evitar este error, utilice uno de los siguientes métodos:
- 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 usar WebP para el explorador web Chrome, un explorador que admite el formato de forma nativa.
fmt=tif y bfc=off a la ruta URL de la imagen.Dado que PNG es inherentemente un formato de imagen sin pérdidas, las imágenes anteriores de WebP y AVIF también se entregaron en modo sin pérdidas, lo que dio como resultado tamaños de archivo mayores de lo esperado. Imágenes inteligentes ahora admite la conversión con pérdida. Utilice 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é, cree un caso de soporte que solicite ese esfuerzo.
qlt=100 a la ruta URL de la imagen.