智能成像 smart-imaging
关于智能成像 about-smart-imaging
智能成像技术可应用Adobe Sensei AI功能,并与现有“图像预设”配合使用。 它致力于通过基于客户端浏览器功能自动优化图像格式、大小和质量来增强图像投放性能。
现在,通过改进的智能成像(现在同时支持AVIF和WebP),获得更好的Google Core Web Vital分数(最大内容绘制)。
- 文件大小(通过WebP和AVIF投放)
- 网络带宽
- DPR(设备像素比率)
智能成像技术与Adobe一流的高级CDN(内容交付网络)服务完全集成,从而进一步提高了性能。 此服务可找到服务器、网络和对等点之间的最佳Internet路由。 它可以找到具有最低延迟和最低数据包丢失率的路由,而不使用Internet上的默认路由。
以下图像资产示例描述了添加的智能成像优化:
与上述类似,Adobe还运行了包含较大样本集的测试。 AVIF格式比WebP尺寸额外减少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。
另请参阅 BFC 在Dynamic Media图像服务和渲染API中。
关于设备像素比优化 dpr
设备像素比率(DPR),也称为CSS像素比率,是设备的物理像素与逻辑像素之间的关系。 特别是随着视网膜屏幕的出现,现代移动设备的像素分辨率正以更快的速度增长。
启用“设备像素比”优化将以屏幕的本机分辨率渲染图像,从而使图像更加锐利。
目前,显示器的像素密度来自Akamai CDN标头值。
dpr=off
dpr=on,dprValue
dprValue
是大于0的任何数字。- 您可以使用
dpr=on,dprValue
即使公司级别的DPR设置为“关闭”。 - 由于DPR优化,当合成图像大于MaxPix Dynamic Media设置时,始终通过保持图像的宽高比来识别MaxPix宽度。 —>
关于网络带宽优化 bandwidth
启用“网络带宽”可根据实际网络带宽自动调整所提供的图像质量。 对于较差的网络带宽,DPR(设备像素比)优化会自动关闭,即使它已经打开。
如有需要,贵公司可以通过追加以下内容来选择退出个别映像级别的网络带宽优化 network=off
到图像的URL。
network=off
DPR和网络带宽值基于捆绑的CDN所检测到的客户端值。 这些值有时不准确。 例如,DPR=2的iPhone5和DPR为2的iPhone12 dpr=3
,都显示 dpr=2
. 但是,对于高分辨率设备,发送 dpr=2
比发送好 dpr=1
. 但是,克服这种不准确性的最佳方法是使用客户端DPR为您提供100%准确的值。 它适用于任何设备,无论是Apple还是任何其他已启动的设备。 参见 使用具有客户端设备像素比的智能成像.
智能成像的其他主要优势
- 改进了使用最新智能成像的网页的Google SEO排名。
- 立即提供优化的内容(在运行时)。
- 使用Adobe Sensei技术根据质量(
qlt
)。 - TTL(生存时间)独立。 以前,智能成像必须至少12小时的TTL才能正常工作。
- 以前,原始图像和派生图像都被缓存,缓存失效分为两步。 在最新的智能成像中,仅缓存衍生品,从而允许执行单步缓存失效过程。
- 在规则集中使用自定义标头的客户可以从最新的智能成像中受益,因为与以前的智能成像版本不同,这些标头不会受到阻止。 例如,“计时允许来源”、“X-Robot”,如中所示 向图像响应添加自定义标头值|Dynamic Media Classic.
智能成像的工作原理 how-smart-imaging-works
当用户请求图像时,智能成像会检查用户特征,并根据使用的浏览器将其转换为相应的图像格式。 这些格式转换以不降低视觉保真度的方式进行。 智能成像根据浏览器功能,通过以下方式自动将图像转换为不同格式。
- 如果浏览器支持格式,则自动转换为AVIF
- 如果AVIF转换无益或浏览器不支持AVIF,则自动转换为WebP
- 如果Safari不支持WebP,则自动转换为JPEG2000
- 自动转换为IE 9及以上版本的JPEGXR,或Edge不支持WebP
|图像格式 |支持的浏览器 | |—|—| |阿维夫 | 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 — 混合型客户。 |
是。智能成像可与您现有的图像预设结合使用,并观察您的所有图像设置。 更改的是图像格式或质量设置,或同时更改两者。 对于格式转换,智能成像将保持图像预设设置所定义的完整视觉保真度,但文件大小较小。
例如,假设定义了图像预设,其中JPEG格式为,大小为500 x 500,质量为85,钝化蒙版为0.1,1,5。 当智能成像检测到用户在Chrome浏览器上时,图像将转换为WebP格式,大小为500 x 500。 而且,钝化蒙版=0.1、1、5的WebP质量与JPEG质量尽可能接近85。 将WebP转换的占地面积与JPEG进行比较,并返回两者中的较小者。
视情况而定。 要使用智能成像,您公司的Dynamic Media Classic或Dynamic MediaExperience Manager帐户必须满足以下要求:
- 将Adobe捆绑的CDN(内容分发网络)用作许可证的一部分。
- 使用专用域(例如,
images.company.com
或mycompany.scene7.com
),而不是通用域(例如,s7d1.scene7.com
,s7d2.scene7.com
,或s7d13.scene7.com
)。
要查找您的域,请打开 Dynamic Media Classic桌面应用程序,然后登录到您的公司帐户或帐户。
转到 设置 > 应用程序设置 > 常规设置. 查找标记为的字段 已发布的服务器名称. 如果您当前使用通用域,则可以请求迁移到您自己的自定义域。 在提交支持案例时提出此过渡请求。
使用Dynamic Media许可证,您的第一个自定义域不会产生额外费用。
否. 您启动了一个使用智能成像的请求;它不会自动启用。
创建支持案例,如下所述。 在您的支持案例中,请务必提及要在帐户中启用的以下智能成像功能(一项或多项):
- WebP
- AVIF
- DPR和网络带宽优化
- PNG到有损AVIF或有损WebP
如果您已经为WebP启用了智能成像,但希望获得上面列出的其他新功能,则必须创建一个支持案例。
要创建支持案例以在您的帐户上启用智能成像,请执行以下操作:
-
在您的支持案例中提供以下信息:
-
主要联系人姓名、电子邮件、电话。
-
列出要在帐户中启用的以下智能成像功能(一个或多个):
- WebP
- AVIF
- DPR和网络带宽优化
- PNG到有损AVIF或有损WebP
-
要启用智能成像的所有域(即,
images.company.com
或mycompany.scene7.com
)。要查找您的域,请打开 Dynamic Media Classic桌面应用程序,然后登录到您的公司帐户或帐户。
转到 设置 > 应用程序设置 > 常规设置.
查找标记为的字段 已发布的服务器名称.
-
验证您是否通过Adobe使用CDN,而不是通过直接关系进行管理。
-
验证您是否使用专用域,例如
images.company.com
或mycompany.scene7.com
,而不是通用域,例如s7d1.scene7.com
,s7d2.scene7.com
,s7d13.scene7.com
.要查找您的域,请打开 Dynamic Media Classic桌面应用程序,然后登录到您的公司帐户或帐户。
转到 设置 > 应用程序设置 > 常规设置.
查找标记为的字段 已发布的服务器名称. 如果您当前使用的是通用Dynamic Media Classic域,则可以请求在此过渡中转移到您自己的自定义域。
-
指示您是否希望它通过HTTP/2工作。
-
-
Adobe客户支持根据提交请求的顺序将您添加到智能成像客户等待列表。
-
当Adobe准备好处理您的请求时,客户支持将联系您进行协调并设置目标日期。
-
可选:在Adobe将新功能推送到生产环境之前,您可以选择在“测试”中测试智能成像。
-
客户支持团队会在完成后通知您。
-
为了最大限度地提高智能成像的性能,Adobe建议将生存时间(TTL)设置为24小时或更长。 TTL定义CDN缓存资产的时长。 要更改此设置,请执行以下操作:
- 如果您使用Dynamic Media Classic,请转到 设置 > 应用程序设置 > 发布设置 > 图像服务器. 设置 默认客户端缓存生存时间 值为24或更长。
- 如果您使用Dynamic Media,请关注 这些说明. 设置 过期 值为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®上,导航到开发人员工具窗格中的设置,然后选择 禁用缓存(当devtools打开时) 复选框。
- 在macOS上,在开发人员窗格中的 网络 选项卡,选择 禁用缓存.
-
请注意,内容类型已转换为相应的格式。 以下屏幕截图显示了在Chrome上动态转换为WebP的PNG图像。 如果您的域启用了AVIF,则还可能会在“内容类型”中看到AVIF。
-
在不同的浏览器和用户条件下重复此测试。
note note |
---|
NOTE |
并非所有图像都会被转换。 智能成像决定转换是否可以改善性能。 有时,如果没有预期的性能提升,或者格式不是JPEG或PNG,则图像不会转换。 |
是。智能成像页眉决定了智能成像的好处。 启用智能成像后,请求图像后,在 响应标头 标题,您会看到 -X-Adobe-Smart-Imaging
如以下高亮显示的示例中所示:
此标头说明以下内容:
- Smart Imaging为公司服务。
- 正值表示转换成功。 在这种情况下,将返回一个新的WebP图像。
- 负值表示转换不成功。 在这种情况下,将返回原始请求的图像(如果未指定,则默认为JPEG)。
- 正值显示所请求图像与新图像之间的字节数差异。 在上述示例中,保存的字节为
75048
或75 KB左右。 - 负值表示所请求的图像小于新图像。 显示负大小差异,但提供的图像仅为原始请求的图像。
note note |
---|
NOTE |
XAdobe智能成像= -1,正在交付WebP |
如果 X-Adobe-Smart-Imaging 为–1,并且仍在提供WebP,这意味着智能成像正在工作,但由于缓存过旧,未计算大小优势。 您可以使用 cache=update (仅限一次)以修复此问题。使用修饰符的示例: https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update 要使整个缓存失效,必须创建一个支持案例。 |
bfc=off
到图像的URL。 但是,您不能在用于智能成像的URL修饰符中选择WebP或AVIF。 此功能在您的公司帐户级别进行维护。如果您的帐户未启用智能成像,则不会发生此错误。 智能成像仅适用于JPEG或PNG格式。
要避免此错误,您可以:
- 指定JPEG或PNG,或
- 不使用
fmt
修改者,或 - 使用由智能成像定义的浏览器首选格式。 例如,您可以为Chrome Web浏览器使用WebP。
fmt=tif
和 bfc=off
到图像的URL路径。由于PNG是一种无损格式,因此传送的早期WebP和AVIF是无损的,从而导致比预期更大的大小。 智能成像现在支持有损转换。 您可以使用修改量 cache=update
(仅限一次)来修复此问题。 使用此修饰符的示例:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
要使整个缓存失效,您必须创建一个请求此类工作的支持案例。
qlt=100
在路径中。