智能成像 smart-imaging
了解具有Adobe Sensei AI的智能成像如何应用每个用户的独特查看特征,自动提供针对其体验而优化的正确图像,从而实现更好的性能和参与。
关于智能成像 about-smart-imaging
智能成像技术可应用Adobe Sensei AI功能,并与现有“图像预设”配合使用。 它致力于通过基于客户端浏览器功能自动优化图像格式、大小和质量来增强图像投放性能。
现在,通过改进的智能成像(现在同时具有AVIF和WebP支持),获得更好的Google Core Web Vital LCP(最大内容绘制)分数。
- 文件大小(使用WebP和AVIF交付)
- 网络带宽
- DPR(设备像素比率)
智能成像与Adobe一流的高级CDN(内容分发网络)服务完全集成,从而进一步提高了性能。 此服务可找到服务器、网络和对等点之间的最佳Internet路由。 它可以找到具有最低延迟和最低数据包丢失率的路由,而不使用Internet上的默认路由。
以下图像资产示例描述了新增的智能成像优化:
与上述内容类似,Adobe还使用较大的样本集运行了一项测试。 与WebP相比,AVIF格式提供了20%的额外尺寸缩减,比JPEG提供了27%的缩减。 视觉质量都一样。 与JPEG相比,AVIF的平均尺寸减少了高达41%。
将WebP和AVIF与PNG进行比较,可以看到WebP的大小减少了84%,AVIF的大小减少了87%。 而且,由于WebP和AVIF格式都支持透明度和多种图像动画,因此它非常适合替代透明的PNG和GIF文件。
智能成像的优点
智能成像可根据用户的浏览器、设备显示和网络条件自动优化文件大小,从而增强图像交付。 此方法可确保加快加载速度,并跨不同的环境获得更好的观看体验。 由于图像构成了页面加载时间的大部分,因此任何性能改进都会对业务KPI产生深远的影响,例如:
- 更高的转化率。
- 网站逗留时间。
- 较低的网站跳出率。
最新智能成像的最新主要优势包括:
关于浏览器格式转换 bfc
通过将bfc=on
附加到图像URL来启用浏览器格式转换,对于不同的浏览器,可自动将JPEG和PNG转换为有损AVIF、有损WebP、有损JPEGXR、有损JPEG2000。 对于不支持这些格式的浏览器,智能成像将继续提供JPEG或PNG。 智能成像会随着格式更改重新计算新格式的质量。
您可以通过将bfc=off
附加到图像的URL来关闭智能成像。
另请参阅Dynamic Media图像服务和渲染API中的bfc。
关于设备像素比优化 dpr
设备像素比率(DPR),也称为CSS像素比率,表示设备的物理像素与逻辑像素之间的关系。 随着视网膜显示器的兴起,现代移动设备的像素分辨率也迅速提高。
启用“设备像素比”优化将以屏幕的本机分辨率呈现图像,从而使图像更加清晰。
当前,显示的像素密度来自Akamai CDN标头值。
dpr=off
dpr=on,dprValue
dprValue
允许的值是大于0的任何数字。- 即使公司级别的DPR设置为off,您仍可以使用
dpr=on,dprValue
。 - 由于DPR优化,当生成的图像大于MaxPix Dynamic Media设置时,始终通过保持图像的宽高比来识别MaxPix宽度。 —>
关于网络带宽优化 bandwidth
打开网络带宽可根据实际网络带宽自动调整提供的图像质量。 对于较差的网络带宽,DPR(设备像素比)优化会自动关闭,即使它已经打开。
通过将network=off
附加到图像URL,您的公司可以禁用单个图像的网络带宽优化。
network=off
DPR和网络带宽值基于捆绑的CDN所检测到的客户端值。 这些值有时不准确。 例如,DPR=2的iPhone5和dpr=3
的iPhone12均显示dpr=2
。 但是,对于高分辨率设备,发送dpr=2
比发送dpr=1
好。 但是,克服这种不准确性的最佳方法是使用客户端DPR为您提供100%准确的值。 它适用于任何设备,无论是Apple还是任何其他已启动的设备。 请参阅使用客户端设备像素比的智能成像。
智能成像的其他主要优势
- 改进了使用最新智能成像的网页的Google SEO排名。
- 立即提供优化的内容(在运行时)。
- 使用Adobe Sensei技术根据图像请求中指定的质量(
qlt
)进行转换。 - TTL(生存时间)独立。 以前,智能成像工作必须至少12小时的TTL。
- 以前,原始图像和派生图像都被缓存,缓存失效需要两步过程。 在最新的智能成像中,仅缓存派生项,从而允许执行单步缓存失效过程。
- 在规则集中使用自定义标头的客户受益于最新的智能成像,因为与以前的智能成像版本不同,这些标头不会受到阻止。 例如,如向图像响应添加自定义标头值|Dynamic Media Classic中建议的“计时允许来源”和“X-Robot”。
智能成像的工作原理 how-smart-imaging-works
当用户请求图像时,智能成像会分析用户特征并根据浏览器将其转换为相应的格式。 这些格式转换以不降低视觉保真度的方式进行。 智能成像会根据浏览器功能,通过以下方式自动将图像转换为不同的格式。
-
如果您的浏览器支持格式,则自动转换为AVIF
-
如果AVIF转换无益或浏览器不支持AVIF,则自动转换为WebP
-
如果Safari不支持WebP,则自动转换为JPEG2000
-
自动转换为IE 9+的JPEGXR,或如果Edge不支持WebP
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 图像格式 支持的浏览器 AVIF https://caniuse.com/avif WebP https://caniuse.com/webp JPEG2000 https://caniuse.com/jpeg2000 JPEGXR https://caniuse.com/jpegxr -
对于不支持这些格式的浏览器,将提供最初请求的图像格式。
如果原始图像大小小于智能成像生成的尺寸,则会提供原始图像。
智能成像中支持的图像格式 image-format-support
智能成像支持以下图像格式:
- JPEG
- PNG
在转换为新格式时,智能成像会重新计算JPEG图像文件格式的质量。
对于支持透明度的图像文件格式(如PNG),您可以配置智能成像以传递有损的AVIF和WebP。 对于有损格式转换,智能成像使用图像URL中所述的质量,或在Dynamic Media公司帐户中配置的质量。
智能成像中的图像服务命令支持 imaging-serving-command-support
不支持图像服务命令fmt
和qlt
;支持所有其余命令。
有关智能成像的常见问题解答 smart-imaging-faq
不会。智能成像随现有许可证一起提供。 这条规则适用于Dynamic Media Classic或Experience Manager - Dynamic Media(内部部署、AMS和Experience Manageras a Cloud Service)。
note important |
---|
IMPORTANT |
智能成像不适用于Dynamic Media — 混合型客户。 |
智能映像可与您现有的映像预设无缝集成,同时遵循您所有的映像设置。
唯一的调整涉及图像格式、质量或两者。 在格式转换过程中,智能成像会根据预设设置保留完整的视觉保真度,但会提供较小的文件大小。 只需通过将bfc=on
、dpr=on,dprValue
、network=on
或全部三个参数设置添加到现有URL或预设中即可启用它。
例如,假设图像预设指定了500 × 500像素的JPEG格式,即quality=85
和unsharp mask=0.1,1,5
。 智能成像可检测用户是否使用Chrome浏览器。 然后,它将图像转换为具有相同尺寸(500 × 500)的WebP以及与JPEG设置相匹配的钝化蒙版。 然后,系统将WebP和JPEG版本的文件大小进行比较,并将较小的文件大小提供给用户。
智能成像可立即供所有客户使用。 若要开始享受它的好处,只需将bfc=on
、dpr=on,dprValue
、network=on
或全部三个参数设置添加到您现有的URL或预设中。
要激活智能成像,贵公司的Dynamic Media Classic或Dynamic MediaExperience Manager帐户必须将Adobe捆绑的CDN(内容分发网络)作为许可证的一部分提供。
要开始使用智能成像,请将bfc=on
、dpr=on,dprValue
、network=on
或全部三个参数设置附加到现有URL或预设。 如果您不想手动进行这些更改,则可以通过创建支持案例来默认启用“智能成像”。
创建支持案例时,请指定要在帐户上激活的智能成像功能:
- 浏览器格式转换(WebP或AVIF)
- 网络带宽优化
note note |
---|
NOTE |
DPR需要客户端调整以确定正确的dprValue 。 因此,Adobe建议通过附加dpr=on,dprValue 来通过URL启用DPR。 |
要创建支持案例以在您的帐户上启用智能成像:
-
在您的支持案例中提供以下信息:
-
主要联系人详细信息:
- 提供您的姓名、电子邮件和电话号码。
-
要启用的智能成像功能:
-
列出您想要为您的帐户提供的功能:
- 浏览器格式转换:WebP或AVIF
- 网络带宽优化
- DPR: DPR需要客户端调整以确定正确的
dprValue
。 因此,Adobe建议通过附加dpr=on,dprValue
来通过URL启用DPR。
-
-
智能成像的 域:
-
列出所有相关域,如
company.com
或mycompany.scene7.com
-
智能成像支持通用域和自定义域。
-
要识别您的域,请打开Dynamic Media Classic桌面应用程序,然后登录到您的公司帐户。
- 导航到 设置 > 应用程序设置 > 常规设置。
- 查找 发布的服务器名称 字段以确认您的域。
- 验证您使用的是Adobe的CDN,而不是由其他提供商管理的CDN。
-
-
指示HTTP/2支持:
- 指定是否需要智能成像来处理HTTP/2。
-
-
默认情况下,Adobe客户支持会启用所请求的智能成像功能,而无需手动将参数附加到URL。
-
Adobe建议将生存时间(TTL)设置为至少24小时,以通过缓存来最大化性能。
要调整TTL,请执行以下操作:-
Dynamic Media Classic的 :
- 导航到 设置 > 应用程序设置 > Publish设置 > 图像服务器。
- 将 默认客户端缓存生存时间 值设置为24小时或更长。
-
Adobe Experience Manager上的Dynamic Media的 :
- 按照这些说明操作。
- 将 Expiration 值设置为24小时或更长时间。
-
客户支持按照请求接收顺序处理请求,并遵循等待列表。
note note |
---|
NOTE |
由于启用智能成像需要Adobe清除缓存,因此可能会存在较长的准备时间。 因此,在任何给定时间只能处理少数客户过渡。 |
客户网页没有风险。 但是,过渡到智能成像确实会清除CDN缓存。 该操作涉及在Experience Manager时移动到Dynamic Media Classic或Dynamic Media的新配置。
在初始过渡期间,未缓存的图像直接点击Adobe的原始服务器,直到再次重建缓存为止。 因此,Adobe计划一次处理几个客户过渡,以便在从源拉取请求时保持可接受的性能。 对于大多数客户,大约一到两天内,CDN会再次完全构建缓存。
是。您可以执行以下操作:
-
为您的帐户配置了智能成像后,在浏览器中加载Dynamic Media Classic或Adobe Experience Manager - Dynamic Media图像URL。
-
在浏览器中转到 查看 > 开发人员 > 开发人员工具,打开Chrome开发人员窗格。 或者,选择您选择的任何浏览器开发人员工具。
-
确保在打开开发人员工具时禁用缓存。
- 在Windows®上,导航到开发人员工具窗格中的设置,然后选择 禁用缓存(在设备工具打开时) 复选框。
- 在macOS上的“开发人员”窗格的 网络 选项卡下,选择 禁用缓存。
-
请注意,内容类型已转换为相应的格式。 以下屏幕截图显示了在Chrome上动态转换为WebP的PNG图像。 如果您的域启用了AVIF,则内容类型中也会显示AVIF。
-
在不同的浏览器和用户条件下重复此测试。
note note |
---|
NOTE |
并非所有图像都会被转换。 智能成像可决定转换是否可以改善性能。 有时,当没有预期的性能增益或格式不是JPEG或PNG时,图像不会转换。 |
是。智能成像页眉决定了智能成像的优势。 启用智能成像后,在 响应标头 标题下请求图像后,您可以看到-X-Adobe-Smart-Imaging
,如以下高亮显示的示例中所示:
此标头可告知您以下内容:
- 智能成像为公司服务。
- 正值表示转换成功。 在这种情况下,将返回新的WebP图像。
- 负值表示转换不成功。 在这种情况下,将返回原始请求的图像(如果未指定,则默认为JPEG)。
- 正值显示请求的图像和新图像之间的字节数差异。 在上面的示例中,保存的字节数为
75048
,即一个图像的大约75 KB。 - 负值表示所请求的图像小于新图像。 虽然显示的是负大小差异,但提供的图像只是请求的原始图像。
note note |
---|
NOTE |
XAdobe智能成像= -1,正在传递WebP |
如果X-Adobe-Smart-Imaging 的值为–1且仍在传递WebP,则智能成像处于活动状态。 但是,由于缓存已过时,未计算大小优势。 您可以在图像的URL中使用cache=update (仅限一次)来解决此问题。使用修饰符的示例: https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update 要使整个缓存失效,必须创建支持案例。 |
bfc=off
添加到图像的URL来关闭智能成像。 但是,您不能在用于智能成像的URL修饰符中选择WebP或AVIF。 该功能在您的公司帐户级别进行维护。如果您的帐户未启用智能成像,则不会发生此错误。 智能成像仅适用于JPEG或PNG格式。
要避免此错误,您可以:
- 指定JPEG或PNG,或
- 根本不使用
fmt
修饰符,或 - 使用由智能成像定义的浏览器首选格式。 例如,您可以将WebP用于Chrome Web浏览器。
fmt=tif
和bfc=off
添加到图像的URL路径。由于PNG是一种无损格式,因此传送的早期WebP和AVIF是无损的,从而导致比预期更大的大小。 智能成像现在支持有损转换。 您可以在图像请求中使用修饰符cache=update
(仅限一次)来修复此问题。 使用此修饰符的示例:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
要使整个缓存失效,您必须创建一个请求此类工作的支持案例。
qlt=100
添加到图像的URL路径来继续使用无损转换。