Smart Imaging smart-imaging

What is “Smart Imaging”? what-is-smart-imaging

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

And now, get a better Google Core Web Vital score for LCP (Largest Contentful Paint) with improved Smart Imaging which now comes with both AVIF and WebP support.

Smart Imaging benefits from the added performance boost of being fully integrated with Adobe’s best-in-class premium CDN (Content Delivery Network) 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:

Similar to above, Adobe also ran a test with a larger sample set. The format AVIF provided 20% extra size reduction over WebP, which provided 27% reduction over JPEG. All at same visual quality. In total, AVIF provides up to 41% average size reduction over JPEG.

Compare WebP and AVIF to PNG, you can see an 84% size reduction with WebP and 87% with AVIF. And, because both WebP and AVIF formats support transparency and multiple image animations, it is a good replacement for transparent PNG and GIF files.

See also Image Optimization with Next-gen Image Formats (WebP and AVIF)

What are the key benefits of the latest Smart Imaging? what-are-the-key-benefits-of-smart-imaging

Smart Imaging provides better image delivery performance by automatically optimizing image file size based on client browser in use, the device display & network conditions. Because images constitute most of a page’s load time, any performance improvement can have a profound impact on business KPIs such as higher conversion rates, time spent on a site, and lower site bounce rates.

The newest key benefits of the latest Smart Imaging include the following:

About Browser Format Conversion (bfc) bfc

Turning on Browser Format Conversion by appending bfc=on to the image URL automatically converts JPEG and PNG to lossy AVIF, lossy WebP, lossy JPEGXR, lossy JPEG2000 for different browsers. For browsers that do not support those formats, Smart Imaging continues to serve the JPEG or PNG. Along with the format, the quality of the new format is recalculated by Smart Imaging.

Smart Imaging can also be turned off by appending bfc=off to the image’s URL.

See also bfc in the Dynamic Media Image Serving and Rendering API.

About Device Pixel Ratio (dpr) optimization dpr

Device Pixel Ratio (DPR) – also known as CSS pixel ratio – is the relation between a device’s physical pixels and logical pixels. Especially with the advent of retina screens, the pixel resolution of modern mobile devices is growing at a fast rate.

Enabling Device Pixel Ratio optimization renders the image at the native resolution of the screen which makes it sharp.

Currently, the pixel density of the display comes from Akamai CDN header values.

See also When working with images and When working with Smart Crop.

About Network Bandwidth optimization network

Turning on Network Bandwidth automatically adjusts the image quality that is served based on actual network bandwidth. For poor network bandwidth, DPR (Device Pixel Ratio) optimization is automatically turned off, even if it is already on.

If desired, your company can opt out of network bandwidth optimization at the individual image level by appending network=off to the URL of the image.

DPR and network bandwidth values are based on the detected client-side values of the bundled CDN. These values are sometimes inaccurate. For example, iPhone5 with DPR=2 and iPhone12 with dpr=3, both show dpr=2. Still, for high-resolution devices, sending dpr=2 is better than sending dpr=1. The best way to overcome this inaccuracy, however, is to use client-side DPR to give you 100% accurate values. And it works for any device, whether it is Apple or any other device that was launched. See Use Smart Imaging with client-side Device Pixel Ratio.

Additional key benefits of Smart Imaging

Are there any licensing costs associated with Smart Imaging? are-there-any-licensing-costs-associated-with-smart-imaging

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

How does Smart Imaging work? how-does-smart-imaging-work

When an image is requested by a consumer, Smart Imaging checks the user characteristics and converts it 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.

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

What image formats are supported? what-image-formats-are-supported

The following image formats are supported for Smart Imaging:

For JPEG image file format, the quality of the new format is recalculated by Smart Imaging.

For image file formats that support transparency like PNG, you can configure Smart Imaging to deliver lossy AVIF and WebP. For the lossy format conversion, Smart Imaging uses the quality mentioned in the image’s URL, or else the quality configured in the Dynamic Media company account.

How does Smart Imaging work with my existing image presets that are already in use? how-does-smart-imaging-work-with-our-existing-image-presets-that-are-already-in-use

Smart Imaging works with your existing image presets and observes all your image settings. What changes is the image format, or the quality setting, or both. For format conversion, Smart Imaging maintains full visual fidelity as defined by your image preset settings, but at a smaller file size.

For example, suppose that an image preset is defined with JPEG format, size 500 x 500, quality=85, and unsharp mask=0.1,1,5. When Smart Imaging detects that a user is on a Chrome browser, the image is converted to WebP format, with size 500 x 500. And, unsharp mask=0.1,1,5 is at a WebP quality that matches a JPEG quality of 85 as close as possible. The footprint of that WebP conversion is compared with the JPEG, and the smaller of the two is returned.

Do I have to change any URLs, image presets, or deploy any new code on my site for Smart Imaging? will-i-have-to-change-any-urls-image-presets-or-deploy-any-new-code-on-my-site-for-smart-imaging

No. Smart Imaging works seamlessly with your existing image URLs and image presets. In addition, Smart Imaging does not require you to add code to your website to detect a user’s browser. All of this functionality is handled automatically.

Does Smart Imaging working with HTTPS? How about HTTP/2? does-smart-imaging-working-with-https-how-about-http

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? 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:

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

Go to Setup > Application Setup > General Settings. Look for the field labeled Published Server Name. If you currently use a generic domain, you can request to move over to your own custom domain. Make this transition request when you submit a support case.

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

What is the process for enabling Smart Imaging for my account? what-is-the-process-for-enabling-smart-imaging-for-my-account

You initiate a request to use Smart Imaging; it is not automatically enabled.

Create a support case as described below. In your support case, be sure you mention which of the following Smart Imaging capabilities (one or more) you want enabled on your account:

If you already have Smart Imaging enabled with WebP, but desire other new capabilities as listed above, you must create a support case.

To create a support case to enable Smart Imaging on your account:

When can I expect my account to be enabled with Smart Imaging? when-can-i-expect-my-account-to-be-enabled-with-smart-imaging

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

What are the risks with switching over to use Smart Imaging? 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 does clear out your CDN cache. This operation 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 such, Adobe plans to handle a few customer transitions at a time so that acceptable performance is maintained when pulling requests from the 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? how-can-i-verify-whether-smart-imaging-is-working-as-expected

How do I know the performance gain? Is there a way to know the benefits of Smart Imaging? benefits

The Smart Imaging Header determines the benefits of Smart Imaging. When Smart Imaging is enabled, after you request an image, under the Response Headers heading, you can see -X-Adobe-Smart-Imaging as seen in the following highlighted example:

This header tells you the following:

How can I disable AVIF optimization in Smart Imaging? disable-avif

If you want to switch back to serving WebP by default, create a support case for the same. As usual, you can turn off Smart Imaging by adding the parameter bfc=off to the image’s URL. However, you cannot select WebP or AVIF in the URL modifier for Smart Imaging. This ability is maintained at your company account-level.

Can Smart Imaging be turned off for any request? turning-off-smart-imaging

Yes. You can turn off Smart Imaging by adding any of the following modifiers:

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

Smart Imaging has three options that you can enable or disable.

I have a URL with fmt=tif on Chrome Web Browser. But my request fails with an ImageServer Error. Why? fmt-tif

This error does not occur if Smart Imaging is not enabled on your account. Smart Imaging works with either JPEG or PNG formats only.

To avoid this error, you can either:

I want to download a TIFF image from an image’s URL. How do I do that? download-tif

Add fmt=tif and bfc=off to image’s URL path.

Does Smart Imaging only manage image format or does it also manage the image quality settings for best results?

Smart Imaging uses both format and quality. The rest of the parameters remain the same, if requested in the image’s URL.

If Smart Imaging does manage the quality settings, are there minimums and maximums I can set? In other words, a quality that is no lower than 60 and no greater than 80? quality-setting

Currently there is no such provisioning.

Does Smart Imaging automatically adjust the percent quality output setting or is that a setting that is adjusted manually, and it applies to all images? Within what range? percent-quality

Smart Imaging automatically adjusts the quality percent. This quality percent is determined using a machine learning algorithm developed by Adobe. This percent is not range-specific.

With Smart Imaging, which image serving commands are supported or ignored? support-ignore

The only commands that are ignored are fmt and qlt. All remaining commands are supported.

Are only JPEG images replaced by Smart Imaging? What if I request a WebP, PNG, or something else? replace-request

This functionality works for JPEG and PNG only.

Why is a JPEG image sometimes returned to Chrome instead of WebP? jpeg-returned

Smart Imaging determines if the conversion is beneficial or not. It returns the new image only of the conversion is beneficial.

Why does Device Pixel Ratio (dpr) functionality not work as expected with composite images? composite-images

If a composite image involves too many layers, dpr functionality may be impacted while using a position modifier. This issue is known and should be fixed in future releases of Smart Imaging. If other Smart Imaging functionality is not working as expected, you can create a support case to report the issue.

Why does Smart Imaging PNG still convert to lossless WebP/AVIF? convert-to-lossless

Because PNG is a lossless format, earlier WebP and AVIF being delivered were lossless resulting is higher size than expected. Smart Imaging now supports lossy conversion. You can use the modifier cache=update (one time only) in an image request to fix this issue. An example of using this modifier:

https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update

To invalidate the entire cache, you must create a support case requesting such effort.

How can I continue using PNG to lossless conversion in Smart Imaging? continue-using

Smart Imaging now supports lossy conversion based on the quality level. To continue using lossless conversion, you can use 100 quality that is set either by way of your company’s setting, or through the image’s URL using qlt=100 in the path.