图像重定位裁剪

响应式设计艺术方向通常需要显示各种大小图像,往往比原创小得多。

提供全尺寸图像并依赖浏览器端重定位(使用CSS或HTML宽度和高度属性)时,用户被迫下载不必要的大文件因此图像应始终从服务器上以最终尺寸交付

使用云形重定大小变换上位缩放(缩放/裁剪)在服务器端执行,资产总是按请求大小交付浏览器

图片上使用不同裁剪技术的例子点击每一图像查看每个案例应用的 URL参数

调整维度

可定义目标维度变换宽度、高度和/或目标维比

• 使用整数值w(width)或h(高度)设置新维数像素举个例子150宽度设置完全150像素
• 使用小数值宽度或高度设置新维量相对于原维量举个例子w_0.5宽度设置半原宽度
• 使用hi或宜家值设置维度初始高度或初始宽度举个例子微信宽度设置与图像原创宽度相同值这可能有益于应用链式变换或设置维度叠加.
• 剖面比使用ar(方位比)参数如下:
  • ab去哪儿a/表示相对宽度b/相对高度AR_4:3或AR_16:9)
  • 小数值表示宽度除高度之比AR_1.33或ar_2.5)1.0完全平方

• 在大多数情况下,您将同时指定宽度和高度或宽度/高度并加宽比以定义精确要求维度稀有例子中,你可选择只指定3变大小限定词之一,云形自动判定缺失维度如下:

  • 仅提供宽度或高度后再自动计算二维以交付原端比比方说,如果原创资产为400*600,然后具体说明C_crop,w_200与具体说明相同c_crop,w_200,h_300.支持所有大小裁剪模式
    
  • if you prove只提供宽比:如果ar系统大于1保留原创宽度并裁高交付请求比ifar系统< 1保持原创高度并相应裁宽支持裁剪模式唯一不支持imagga_crop.

变大小裁剪模式

当通过设置图像高度、宽度和/或宽度比修改上传图像维度时,你需要决定如何调整图像大小或裁剪以适应请求大小使用C(裁剪/改尺寸)参数选择作物/改尺寸模式云形支持以下图像变大小/裁剪模式:

Crop/resize mode	行为学
裁剪模式	所请求维度比原型不同,这些模式裁剪部分图像
填充	调整图像大小以填充指定的维度而不失真图像可因此裁剪
填充	同样填充,但只能缩放图像
填表	同样填充避免过度裁剪只支持使用自动裁剪.
裁剪	从原图像提取指定维度区域而不先调整大小
缩略图	创建图像缩略图并基于指定维度重力.比例化可能发生
汽车	自动判定最佳裁剪重力.比例化可能发生
调整模式大小	模式调整交付图像大小而不裁剪原图像的任何元素
尺度化	将图像缩放到指定的维度,而不必保留原端比
适配	调整图像大小以适应维度定义的绑定框内,维护宽比
限值	同样适配,但只能缩放图像
适配	同样适配,但只标尺图像
程序板	调整图像大小以适应维度定义的绑定框内,维护侧比,并应用改缩图像不填全区时
lPad系统	同样程序板,但只能缩放图像
mad	同样程序板,但只标尺图像
添加量重裁模式	模式调适大小和/或裁剪图像
imagga标度	智能缩放使用imagga裁剪和尺度加载
imagga_crop	智能裁剪实战imagga裁剪和尺度加载

某些裁剪模式只保留生成图像中原创图像的一定部分默认时图像中心保留在裁剪中,但这并不总是理想的要保留图像中对您很重要的部分, 您可以使用图像重力参数化举例说,您可指定保留块中表情、文本或某些对象或重力对准automatically-determined兴趣区也可以引导作物面向由指南针点定义的图像区域,例如北边保留图像顶部部分或东南保留右下角部分外加,如果你知道要保留区域坐标,你可以明文指定这些坐标

大小裁剪模式示例

下示例显示相同的图像重排宽度和高度为200像素,使用不同方法重构和裁剪

原创图像640x427像素

调整图像大小为200x200像素使用裁剪,尺度化,填充并程序板产生下列图像:

你可以交付C_填充以上变换显示如下:

下节解释每种作物模式的行为方式分辨率不影响模式行为高分辨率图像摄像头.jpg1280x853像素使用哪里解决问题,请见640x427版相机640.j)或100x67版本摄像头-100.jpg使用中

填充

上头填充裁剪模式创建图像精确指定维度,不扭曲图像选项优先向上或向下按需至少填充两个指定维度请求侧比与原型不同时,裁剪将发生于比尺度后超出请求大小的维度上可指定原创图像中要保留哪一部分重力参数集中心点默认)

实例1:用图像填充特定区域

填充像素250平方

实例2:用图像特定部分填充特定区域

填充像素250平方块并加摄像头图的右上部分(重力东北):

填充( 限制填充)

上头填充裁剪模式行为与裁剪模式行为相同填充模式,但只有当原图像大于指定的分辨率限值时,图像缩放以填充指定的维度而不扭曲图像,然后超出请求的维度裁剪原型维度小于请求大小时,完全不调整大小防止升级可指定原创图像中要保留哪一部分重力参数集中心点默认)

例1:向下缩放填充宽度和高度定义的区域

填充 150x200像素区摄像头图像并限制大小不大于原图像

例2:向下缩放填充方位比和高度定义

缩放摄像头图像填充二百像素方形

填表

上头填表裁剪模式先试图使用填充模式,但如果确定更多原创图像需要包括在最终图像中,则添加嵌入式如果交付图像的侧比与原创侧比大相径庭则特别有用仅同时支持自动裁剪g_auto)不支持动画图像.

示例:标准填充模式与填充模式比较

比较摄像头图像用80x400图像交付填充模式左侧带填表右侧模式 :

裁剪

上头裁剪裁剪模式从原图像中提取指定维度或检测对象区域无缩放应用,因此,如果您指定维度应用裁剪模式对不同分辨率的相同图像可提供大相径庭的结果可指定重力参数选择区域或对象提取或使用固定坐标裁剪.

实例1:裁剪图像到指定维度(宽高)

裁剪摄像头640图像宽度为200像素和高度为250像素,东北重力

实例2:裁剪图像到指定维度(方位比宽度)

裁剪摄像头640图像宽度450像素和宽度1.5比

例3:裁剪图像只保留脸部

裁剪摄像头640图像不具体说明维度,只保留脸部

实例4:裁剪图像只保留最大图像组成

使用cld-decompose_tile特殊重力定位裁剪由多图像构成的图像,例如只保留最大牌

固定坐标裁剪

可指定原创图像区域裁剪X级并y市上左角坐标带宽度并高度显示区域划分也可以使用百分位基数替代精确坐标X级,y市,华府并h0.5/50%-在这种情况下所有四大参数都必须以百分比为基础

预知正确绝对裁剪坐标时使用此方法,例如用户人工从原图像中选择区域裁剪

举个例子,这里满摄像头640图像(640x427px)

调整图片大小,只可见相机,图像裁剪到300x170区域,从坐标x=170y=40开始

图像可进一步调整大小链式变换.上300x170裁剪版

缩略图

上头缩略图裁剪模式专用于制作图像缩略图,并必须始终伴有重力参数化裁剪模式生成图像缩略图,并保留原称维度,但生成图像可缩放适应指定维度可指定缩放参数判定生成图像在指定维度内大小

实例1:从裁剪缩略图

创建150x150缩略图并面部检测摄像头图像化下方可以看到原创图像和基于脸部检测缩略图

实例2:用侧比缩放

创建150像素高缩图5:6并面向检测摄像头图像放大75%

汽车

上头汽车裁剪模式自动判定基于重力和指定维度的最佳裁剪比起攻击性小缩略图并提供更多焦点填充.如果请求的维度小于最佳裁剪,结果降尺度如果请求的维度大于原图像,则结果升级结合使用此模式重力参数特效自动重力并带对象认知裁剪.

实例1:自动裁剪图像最趣味部分(宽高)

创建三百三百三百三百块图像自动判定图像保留区

实例2:自动裁剪相机

创建一图像16:9宽比裁剪,保持摄像头聚焦贝斯特平台网址云化AI内容分析附加)

并见:自动重力自裁模式

自动机

上头自动机裁剪模式先试图使用汽车模式,但如果确定更多原创图像需要包括在最终图像中,则添加嵌入式如果交付图像的侧比与原创侧比大相径庭则特别有用仅同时支持自动裁剪g_auto)不支持动画图像.

例1:比较标准汽车裁剪模式

比较下图以100x300图像使用汽车模式左侧带自动机右侧模式 :

实例2:使用自填模式

使用固色嵌入后台

尺度化

上头尺度化缩放模式将图像的大小完全修改为指定的维度,而不必保留原型维比:所有原型图像部件都可见,但可能被拉伸或缩放如果只指定宽度或高度,则图像向新维缩放,同时保留原侧比,除非还包含ignore_aspect_ratio国旗

例1:比例化同时保持侧比

缩放相机图像宽度150像素(默认保持侧比):

例2:比例非维度

缩放相机图像宽高度为150像素而不保持宽度比

例3:比例化

缩放相机图像至25%宽度(默认保持侧比):

实例4:通过设置侧比宽度缩放

缩放相机图像至宽度100度,将侧比修改为1:2

实例5:单维忽略方位比

缩放图像高度150度,忽略侧比:

适配

上头适配变形模式调整图像大小,以尽可能多地取用由指定维量定义的绑定盒内空间原端比保留,所有原端图像可见性

实例1:将图像装在一个平方框框内

缩放相机图像以适应宽高250像素并保留宽高比

实例2:用宽比定义绑定框

缩放相机图像适配150像素平方

限值

上头限值重排模式行为与重排模式行为相同适配模式但只有当原图像大于规定限值(宽高)时才能使用,在这种情况下图像缩放以便取用由规定维度定义的绑定框内尽可能多的空间原端比保留,所有原端图像可见性模式不提升图像,如果你请求的维度大于原图像

实例1:将图像大小限制在一个平方边界框

摄像头图像限制宽高250像素并保留宽高比

实例2:用宽比定义限制绑定框

摄像头图像限制为150像素方形,由方位比和高度定义:

适配性(最小适配性)

上头适配重排模式行为与重排模式行为相同适配模式但只有当原图像小于规定最小值(宽高)时才能使用,在这种情况下图像向上缩放,以便取用受指定维度定义的绑定框内尽可能多的空间原端比保留,所有原端图像可见性模式不缩放图像

实例1:确保图像与最小绑定盒相匹配

适配摄像头640图像(640x427像素)最小宽度和高度为250像素并保留宽度比产生原创大图像交付

实例2:用宽比定义最小尺寸

提升百像素宽度摄像头-100图像匹配方位150像素

程序板

上头程序板调整模式调整图像大小以填充指定维度,同时保留原端比并显示所有原图像可见性如果原图像比例不匹配指定维度,则向图像加页以达到所需大小也可以使用原创图像定位重力参数集中心点默认)并指定颜色后台万一加贴

实例1:调整图像大小并粘贴图填平方形以宽度和高度定义

调整摄像头图像大小并贴上棕色背景,宽度和高度为250像素:

实例2:调整图像大小并粘贴图以填充侧比定义矩形

调整摄像头图像大小并贴上棕色后台高度150像素和宽比2:1:

lpad(限制板)

上头lPad系统重排模式行为与重排模式行为相同程序板模式但只有当原图像大于规定限值(宽高)时才能使用,在这种情况下图像缩放以填充指定维度,同时保留原侧比并显示所有原图像可见性模式不提升图像,如果你请求的维度大于原图像如果原图像比例不匹配指定维度,则向图像加页以达到所需大小也可以使用原创图像定位重力参数集中心点默认)并指定颜色后台万一加贴

实例1:向下缩放图像

限制摄像头图像绑定盒400x150像素和绿背景板

实例2:用宽比向下并粘贴图像

限制摄像头图像对绑定盒定义0.66宽度为100像素和绿底板

mad(最小板)

上头mad重排模式行为与重排模式行为相同程序板模式,但只有当原图像小于规定最小值(宽高)时,则图像不变,但加贴填充指定维度模式不缩放图像也可以使用原创图像定位重力参数集中心点默认)并指定颜色后台万一加贴

例1:a图像指定宽度和高度

最小板百像素宽映像摄像头-100宽高度为200像素并保留宽比

实例2:用贴板确保图像与最小绑定盒相匹配

最小网格摄像头图像平方200像素,定义方形比宽度产生原创大图像交付

实例3:非偏向图像到指定的宽度和高度

最小板百像素宽映像摄像头-100向175x125像素矩形倾斜

调整大小裁剪交互演示

试试交互式演示看不同裁剪方法的结果,并给特定视图尺寸

重力定位作物

使用时裁剪模式裁剪部分图像重力修饰词g级表示原图像的哪个部分保留时,请求维度中一个或多个小于原维时。

指南针位置

基本重力值通过提供指南针方向包括东北,北边,西北部,西边,西南,南边,东南,东边或中心点(默认值)指南针方向表示图像中的位置,例如东北表示右上角

举个例子填充250像素方形样本保留宽比

• 原创图像 :
  
• 重力置东
  
• 重力置西
  

特殊位置

有一些特殊位置可用作图像裁剪的焦点,例如g_face自动检测图像中最大面部并使其成为作物焦点g_定制使用先前指定的自定义坐标上传方法并使它们成为变换焦点

完整列表可用重力位置见特殊位置转换参考指南

也可以通过注册指定对象贝斯特平台网址云化AI内容分析附加.

液重标

设置重力变换参数液态高山市g_液态URLs中能实现内容认知液重标(有时也称Seam刻度),这在修改图像侧比时有用常态缩放保留所有图像内容 即使是方位比变化 图像重要元素可能被扭曲液重缩智能去除或复制像素的接合量,这些像素可能横向或垂直穿透图片接缝使用算法选择像素最小值(接缝两侧最小色变化)。结果为图像中最关键元素保留并一般不显示扭曲,尽管图像中项目相对高度或宽度可能改变,特别是如果显著改变侧比时。

流力重力提示指南

• 只能结合使用C_标度.
• 上头液态重力最有效应用于有大不易分量如天空、草或水的景物
• 应用到大图像时效果最优因此,建议使用重力用相对宽度和高度改变宽度比,即两个维中有一个保持或接近1.0.如果要同时调整图像大小,则对链式变换的不同组件应用变换大小
• 在某些情况下,过冲液重标可产生重要文物

比方说,使用液缩放将图像转换为平方形(比例为1:1)基于原图像宽度,然后将结果调整为500x500

自动重力作物

云性智能重力选择能力确保选取每种图像中最感兴趣的区域为请求裁剪的主焦点,不单面向脸部照片,而且面向任何内容类型逐个分析每一图像查找最佳区块并同时播种自动检测面部(或其他元素)默认在分析图像内容时优先级更高

设置自定义内容重力重力变换参数汽车高山市g_aut内URLs)

取自重力改变图像侧比实例

支持作物自动重力填充,填充,填表,缩略图,裁剪并汽车模式化

调整自动重力焦点优先

默认时,特征和主体自动重力算法都提高检测优先级脸部.调整焦点偏重自动重力算法,可指定不同的中心重力选项 。

举例说,您可以指定adv-face,adv-faces或adv-yees指令算法优先使用目人或脸人高级侧属性检测上加坐标对内检测机制所选择的坐标或选,您可使用值无if don't want算法对检测到的任何项给予特殊优先,包括面孔

注册注册贝斯特平台网址云化AI内容分析附加中,您还可以指令重力算法从宽列表中给予一个或多个特定对象或类别最高优先级

外加OCR文本检测提取设置文本优先级更高重力修饰语自动:ocr文本并优先处理脸部和图像中其他非常突出的元素

完整列表全部中心重力选项见g_ 段变换URLAPI引用.

自动重力填充模式

使用填充模式自动重力保留大多数原创图像,视取图像请求维度而定,确保原创图像最有趣的区域包含在生成图像中

平面比裁剪实例自动化 :

自动重力与缩图模式

使用缩略图模式自动重力应用比填充模式化模式试图在相关时进一步缩放并裁剪不那么有趣的图像区域,以便将最有趣的对象写进生成图像中自动裁剪算法判定是否并如何根据每个图像的内容和裁剪比逐个缩放和裁剪数值值0至100可加到g_aut参数向算法建议理想攻击性水平g_aut:0最有攻击性拇指裁剪)

方形缩略图例自动裁剪:

自动重力裁剪模式

使用裁剪模式自动重力裁剪原图像中完全指定维度的区域,同时自动聚焦原图像中最有趣的适配所需维度区域趣味区域部分取决于原创图像分辨率上头裁剪模式比标准少用填充,填充并缩略图模式,因为它只在原图像维度和趣味区域大小已知时使用才实用

方形作物例例汽车裁剪

自动重力自裁模式

最大自动化使用自动裁剪模式C_aut带自动重力g_aut)比起攻击性小自动重力与拇指模式并智能保存比自动重力填充模式.

选择单自动重力算法

默认值g_aut选项应用两种不同方法最优混合识别你图像中最重要的区域

• AI基础算法使用深学习算法识别最有可能吸引人视线的图像主体
• 性能算法(经典)组合显性休眠学、边缘检测法、光线调色板排序法和更多自动检测图象中重要区域并优先排序法

在大多数情况下,图像中最突出元素也是照片主体,因此两种算法往往产生非常相似或完全相同的结果。然而,在某些情况下,结果可能有所不同,因此加权混合g_aut默认应用通常产生最佳结果

但如果你发现你所投送图像类型, 算法之一一贯产生优于另一类结果, 你可以反置默认组合机制, 并用具体说明方式明确请求首选算法自动主题或自动:经典成像重力值(值)g_aut:主体或g_auto:经典内有或无附加焦重选项 。

举例说,当绘制下方风景图像到画像视图时,经典算法选择最图形突出点区域,包括东南角多色花园,主题算法侧重于AI-引擎预测最有可能捕捉人类注意力的主体,主要是塔子、云子和喷泉

设备像素比

不同设备支持不同的DPR值,即物理像素和逻辑像素之比表示支持更高DPR的设备使用更多物理像素显示图像,产生清晰清晰图像

使用dpr参数设置交付图像DPR值参数接受数字值指定DPR乘法

上头dpr参数在添加叠加时特别有用,因为您需要叠加图像按设备像素密度正确调整大小(与封装图像并发)。设置dpr变换参数对包含图像和包含叠加应用相同的重定规则

举例说,下文URL动态生成方形(100x100)辣椒并添加另一图像命名销售台半透明水印右下角,宽度比辣椒图像50%设置dpr值为1.0、2.0(如代码示例)或3.0生成下列图像,同时调整内装图像并加载匹配所需DR

创建100x100HTML图像标签并交付分辨率最匹配用户设备定像素密度的图像下三大图像均显示在100x100逻辑平方标签宽度和高度属性,而后两张图片则更多细节和更好视觉结果,如果使用支持更高DPR的设备查看文档。

可选择使用dpr_aut自动提供最佳图像,视请求设备对DPR支持细节见响应图像文档记录

升级超分辨率

通常,当提升小图像时,图像会丢失细节和质量举个例子,200x303像素大厅

提升四倍维值使用C_标度W4.0,结果如下:

使用基因化AI提升级效果中,您可以保留更多细节用于相同的缩放因子:

上头提升级尺度乘四,像素总数乘16,并使用AI预测填充细节

可链化升级后的其他变换,例如使用天花板生成方形图填充裁剪模式转灰度