Smart Imaging

What is “Smart Imaging”?

Smart Imaging technology uses Adobe Sensei AI capabilities and works with existing “image presets” to enhance image delivery performance by automatically optimizing image format, size, and quality based on client browser capabilities.

NOTE

This feature requires that you use the out-of-the-box CDN (Content Delivery Network) that is bundled with Adobe Experience Manager Dynamic Media. Any other custom CDN is not supported with this feature.

Smart Imaging also benefits from the added performance boost of being fully integrated with Adobe’s best-in-class premium CDN service. This service finds the optimal internet route between servers, networks, and peering points. It finds a route that has the lowest latency and lowest packet loss rate instead of using the default route on the Internet.

The following image asset examples depict the added Smart Imaging optimization:

Image
(URL)
Thumbnail Size
(JPEG)
Size (WebP)
(with Smart Imaging)
% reduction
Image 1 picture1 73.75 KB 45.92 KB 38%
Image 2 picture2 191 KB 70.66 KB 63%
Image 3 picture3 96.64 KB 39.44 KB 59%
Image 4 picture4 315.80 KB 178.19 KB 44%
Average = 51%

Similar to the above, Adobe also ran a test with 7009 URLs from live customer sites. They were able to achieve an average of 38% further file size optimization for JPEG. For PNG with WebP format, they were able to achieve an average of 31% further file size optimization. This kind of optimization is possible because of the capability of Smart Imaging.

What are the key benefits of the latest Smart Imaging?

Because images constitute most of a page’s load time, the performance improvement can have a profound impact on a Business such as higher conversion, time spent on site, and lower site bounce rate.

Enhancements in latest version of Smart Imaging:

  • Improved Google SEO ranking for web pages utilizing latest Smart Imaging.
  • Serves optimized content immediately (at run-time).
  • Uses Adobe Sensei technology to convert according to the quality (qlt) specified in the image request.
  • Smart Imaging can be turned off using the “bfc” URL parameter.
  • TTL (Time To Live) independent. Previously, a minimum TTL of 12 hours was mandatory for Smart Imaging to work.
  • Previously, both the original and derivative images were cached, and it was a 2-step process to invalidate cache. In latest Smart Imaging, only the derivatives get cached, allowing a single-step cache invalidation process.
  • Customers that use custom headers in their ruleset benefit from the latest Smart Imaging, as these headers are not blocked, unlike the previous version of Smart Imaging. For example, “Timing Allow Origin”, “X-Robot” as suggested in Adding a custom header value to image responses|Dynamic Media Classic.

Are there any licensing costs associated with smart imaging?

No. Smart Imaging is included with your existing license of either Dynamic Media Classic or Adobe Experience Manager - Dynamic Media (On-prem, AMS, and Experience Manager as a Cloud Service).

NOTE

Smart Imaging is not available to Dynamic Media - Hybrid customers.

How does smart imaging work?

When an image is requested by a consumer, Smart Imaging checks the user characteristics and convert to the appropriate image format based on the browser in use. These format conversions are done in a manner that does not degrade visual fidelity. Smart imaging automatically converts images to different formats based on browser capability in the following manner.

  • Automatically convert to WebP for the following browsers:

    • Chrome
    • Firefox
    • Microsoft® Edge
    • Safari (across iOS, macOS, iPadOS), provided browser and OS version support WebP
    • Android™
    • Opera
  • Legacy browser support for the following:

    Browser Browser/OS version Format
    Safari Earlier than iOS/iPad 14.0 or macOS BigSur JPEG2000
    Edge Earlier than 18 JPEGXR
    Internet Explorer 9+ JPEGXR
  • For browsers that do not support these formats, the originally requested image format is served.

If the original image size is smaller than what Smart Imaging produces, then the original image is served.

What image formats are supported?

The following image formats are supported for Smart Imaging:

  • JPEG
  • PNG

How does Smart Imaging work with your existing image presets that are already in use?

Smart Imaging works with your existing “image presets” and observes all of your image settings except for quality (qlt) and format (fmt) if the requested file format is JPEG or PNG. For format conversion, Adobe maintains full visual fidelity as defined by your image preset settings, but at a smaller file size. If original image size is smaller than what Smart Imaging produces, then the original image is served.

Do I have to change any URLs, image presets, or deploy any new code on my site for Smart Imaging?

Smart Imaging works seamlessly with your existing image URLs and image presets if you configure Smart Imaging on your existing custom domain. In addition, Smart Imaging does not require you to add any code on your website to detect a user’s browser. It is all handled automatically.

In case you must configure a new custom domain to use Smart Imaging, the URLs must be updated to reflect this custom domain.

To understand pre-requisites for Smart Imaging, see Am I eligible to use Smart Imaging?

Does Smart Imaging working with HTTPS? How about HTTP/2?

Smart Imaging works with images delivered over HTTP or HTTPS. In addition, it also works over HTTP/2.

Am I eligible to use smart imaging?

To use Smart Imaging, your company’s Dynamic Media Classic or Dynamic Media on Experience Manager account must meet the following requirements:

  • Use the Adobe-bundled CDN (Content Delivery Network) as part of your license.
  • Use a dedicated domain (for example, images.company.com or mycompany.scene7.com), not a generic domain (for example, s7d1.scene7.com, s7d2.scene7.com, or s7d13.scene7.com).

To find your domains, log in to your company account or accounts.

Tap Setup > Application Setup > General Settings. Look for the field labeled Published Server Name. If you are currently using a generic domain, you can request moving over to your own custom domain as part of this transition when you submit a technical support ticket.

Your first custom domain is no additional cost with a Dynamic Media license.

What is the process for enabling Smart Imaging for my account?

You initiate the request to use smart imaging; it is not automatically enabled.

  1. Use the Admin Console to create a support case.

  2. Provide the following information in your support case:

    1. Primary contact name, email, phone.

    2. All domains to be enabled for smart imaging (that is, images.company.com or mycompany.scene7.com).

      To find your domains, open the Dynamic Media Classic desktop application, then sign in to your company account or accounts.

      Click Setup > Application Setup > General Settings.

      Look for the field labeled Published Server Name.

    3. Verify that you are using the CDN through Adobe and not managed with a direct relationship.

    4. Verify you are using a dedicated domain such as images.company.com or mycompany.scene7.com, and not a generic domain, such as s7d1.scene7.com, s7d2.scene7.com, s7d13.scene7.com.

      To find your domains, open the Dynamic Media Classic desktop application, then sign in to your company account or accounts.

      Click Setup > Application Setup > General Settings.

      Look for the field labeled Published Server Name. If you are currently using a generic Dynamic Media Classic domain, you can request moving over to your own custom domain as part of this transition.

    5. Indicate if you also need Smart Imaging to work over HTTP/2.

  3. Adobe Customer Care adds you to the Smart Imaging customer Wait List based on the order in which requests were submitted.

  4. When Adobe is ready to handle your request, support contacts you to coordinate and set a target date.

  5. Optional: You can optionally test smart imaging in Staging before Adobe pushes the new feature to production.

  6. You are notified after completion by support.

  7. To maximize the performance improvements of Smart Imaging, Adobe recommends setting the Time To Live (TTL) to 24 hours or longer. The TTL defines how long assets are cached by the CDN. To change this setting:

    1. If you use Dynamic Media Classic, click Setup > Application Setup > Publish Setup > Image Server. Set the Default Client Cache Time To Live value to 24 or longer.
    2. If you use Dynamic Media, follow these instructions. Set the Expiration value 24 hours or longer.

When can I expect my account to be enabled with Smart Imaging?

Requests are processed in the order in which they are received by Technical Support, according to the Wait List.

NOTE

There can be a long lead time because enabling Smart Imaging involves Adobe clearing the cache. Therefore, only a few customer transitions can be handled at any given time.

What are the risks with switching over to use Smart Imaging?

There is no risk to a customer web page. However, the transition to Smart Imaging clears out your cache at the CDN because it involves moving to a new configuration of Dynamic Media Classic or Dynamic Media on Experience Manager.

During the initial transition, the non-cached images directly hit Adobe’s origin servers until the cache is rebuilt again. As a result, Adobe plans to handle a few customer transitions at a time so that acceptable performance is maintained when pulling requests from Adobe’s origin. For most customers, the cache is fully built up again at the CDN within ~1 – 2 days.

How can I verify whether smart imaging is working as expected?

  1. After your account is configured with smart imaging, load a Dynamic Media Classic/Dynamic Media image URL on the browser.

  2. Open the Chrome developer pane by clicking View > Developer > Developer Tools in the browser. Or, choose any browser developer tool of your choice.

  3. Ensure that cache is disabled when developer tools are open.

    • On Windows®, navigate to settings in the developer tool pane, then select Disable cache (while devtools is open) checkbox.
    • On macOS, in the developer pane, under the Network tab, select disable cache.
  4. Observe the Content Type is transformed to the appropriate format. The following screenshot shows a PNG image being converted dynamically to WebP on Chrome.

  5. Repeat this test on different browsers and user conditions.

NOTE

Not all images are converted. Smart Imaging decides if the conversion improves performance. Sometimes, where there is no expected performance gain or the format is not JPEG or PNG, the image is not converted.

image2017-11-14_15398

Can Smart Imaging be turned off for any request?

Yes. You can turn off Smart Imaging by adding the modifier bfc=off to the URL.

What “tuning” is available? Are there any settings or behaviors that can be defined? (#tuning-settings)

Currently, you can optionally enable or disable Smart Imaging. No other tuning is available.

If Smart Imaging manages the quality settings, are there minimums and maximums to set? For example, is it possible to set “no lower than 60” and “no greater than 80 quality”? (#minimum-maximum)

There is no such provisioning ability in the current Smart Imaging.

Sometimes, a JPEG image is returned to Chrome instead of a WebP image. Why? (#jpeg-webp)

Smart Imaging determines if the conversion is beneficial or not. It returns the new image only if the conversion results in a smaller file size with comparable quality.

On this page