OS图像变换

或您的用户上传图像资产到云形后,您可以通过动态URL提供这些资产动态URL中包含指令,告诉云形使用一组变换参数变换资产云中自动实现所有变换,变换资产在快速CDN向终端用户传递最优用户经验前自动优化

举例说,您可调整大小并裁剪,添加叠加图像,模糊或像素面孔,应用各种特效和滤镜并应用设置优化图像并按需交付图像

云端库简化变换URL生成,便于资产嵌入iOS应用

并见:OS视频转换

生成图像URL

使用CreateUrl方法生成图像URL

添加变换

可添加变换CreateUrl方法定义变换对象并随后传递setTransformation方法论

链式变换

可连接变换链式方法中,每次变换应用前一次变换结果

下代码裁剪图像150x150圆角,应用sepia效果,向缩放图像顶端中心添加文本,然后全结果旋转20度

更多资料和图像变换示例见应用常用图像变换.

下载图像

使用取回图像方法下载程序类下载图像方法接受URL带图像下载位置的参数每一次下载请求都返回实例CLDFetchImageRequest中允许选项,例如取消、暂停或恢复下载异步单线下载, 并发回关闭处理下载结果 :

图像缓存

缓存图像用户设备上加载媒体资产时会提高性能目前在使用iOSSDK时有两种方式缓存图像取回图像方法下载程序类中

默认缓存机制基于SDK版本的不同使用

• URLCAchev4.0
• maageCache原型v4.0

URLACE

上头URLACE机制是一种创新缓存系统 基础OS类URLCache存储响应并验证属性缓存控制页眉具体最大值属性

URLACE工作方式为初始HTTP默认图像请求并用200HTTP状态代码返回图像完成后请求将同时存储盘和存储器自此点起,对每一个缓存点击,SDK将检查请求是否过期(通过检查它是否超出最大值属性)。

请求未过期时从缓存中检索

请求过期时if-modified-since页头接收请求原日期将发送以图像是否更新为基础返回两个响应中之一

• 二百图像更新SDK获取新图像并缓存响应
• 304图像不变 SDK将从缓存获取图像

CLDImageCachePolicy

第一次取回图像调用方法下载特定资源,云形系统还存储在设备缓存中接下调用取回图像首次尝试查找本地缓存图像,并取回缓存中发现的图像默认行为可用缓存策略,cacheMaxDiskCapacity并cacheMaxMemoryTotalCost属性通俗化实例 :

属性	类型	描述性
缓存策略	CLDImageCachePolicy	设置缓存策略下载图像 可能的值 : -CLDImageCachePolicy.none -CLDImageCachePolicy.memory -CLDImageCachePolicy.disk (default)
cacheMaxDiskCapacity	整数	磁盘缓存最大容量字节默认值 150*1024*1024
cacheMaxMemoryTotalCost	整数	内存缓存最大值字节默认值 150*1024*1024

并限制磁盘缓存大小为50MB

使用UI扩展发送图像

CloudinarySDK提供三种iOSUI元素的扩展显示图像扩展提供sldSetimage自动取下载后台图像并设置UI显示的方法扩展可用范围为 :

• UIView
• UIIMageView
• UI按钮

设置UIImageView组件名为PhotoimageView获取并显示图像

应用常用图像变换

本节概述并举例说明下列常用图像变换特征,并链接到这些特征的更详细的文档

• 裁剪裁剪
• 转换为另一种图像格式
• 应用图像特效和滤镜
• 添加文本图像叠加
• 图像优化

记住本节仅意在向您介绍使用iOS图像变换的基本知识

综合解释如何实现各种变换见图像变换.完整列表支持图像变换及其用法见变换URLAPI引用.

裁剪裁剪

变大小和/或裁剪图像有多种方法,并控制在裁剪期间保存的图像区

下例使用填充裁剪法生成动态URL图片完全填充请求的250x250大小并保留原侧比使用面部检测重力确保图像中所有面部保留并居中

也可以使用自动重力自动判定什么保留在裁剪中

细节重构和裁剪选项见大小裁剪图像.

转换为另一种图像格式

可基本以图像格式向云形传送图像两种主要方式转换并交付另一种格式:

• 指定图像公有标识并配有期望扩展
• 使用取回Format参数化

例举 :

生成动态URLGIF格式图像

生成动态URLGIF格式图像setFormat参数 :

更多细节见图片格式支持.

应用图像特效和滤镜

从大选择图像特效、增强和滤镜中选择应用到图像可用效果包括各种色平衡级效果、色调、模糊性效果、像素化效果、锐化效果、自动改进效果、艺术滤波、图像和文本叠加效果、变形效果、轮廓、背景、阴影等

下方代码生成动态URL图像卡通效果、圆角效果和背景色效果(然后缩放至300像素高度)。

关于可用图像特效和滤镜详解见可视图像特效和增强.

添加文本图像叠加

可添加图像和文本为主图像叠加覆盖图像上可应用与所有图像相同的变换类型,并使用重力设置或x和y坐标控制重叠位置也可以对文本应用各种变换,如颜色、字体、大小、旋转等

举个例子 下方变换一对情侣照片迭代照片使用面部检测调整色饱和度并应用维格特效果裁剪词爱添加成粉红色花式字体并旋转适配设计并添加气球图形外加最后图像裁剪和角角四舍五入

图像优化

默认时云式自动执行所有变换图像的某些优化还有一些附加特征使您能够进一步优化iOS应用中使用的图像其中包括优化图像质量、格式和大小等

举个例子,你可以使用汽车值对质量问题属性自动交付图像,在满足质量水平要求的同时最小化文件大小下例自动质量参数应用,结果文件尺寸下降50%(1.4MB对784KB)没有可见质量变化

深入审查多方法优化图像,见图像优化.

响应图像

响应式设计是向用户提供最优视觉经验的一种方法,适合用户设备、视觉运动大小、方向定位和分辨率App响应性调整布局环境,动态调整和移动元素并基于App显示设备属性

图像时,响应式设计App不应仅仅发送最高分辨率图像,然后使用客户端重定位在所有设备上显示图像:这将是对小低分辨率显示器用户的巨大带宽浪费最佳解决办法是制作各种分辨率和大小图像,然后根据设备分辨率和可用维度提供最佳分辨率图像,而不必浪费带宽或加载时间云化能帮助通过动态图像变换降低复杂性可简单构建图像网址并基于专用设备分辨率和视图端口大小的图像宽度或高度表示你不必预创图像 并按需对苍蝇进行动态重定位

响应方法可供云形使用UIIMageView组件.使用sldSetimage方法自动取下载后台最优图像并设置UI显示实现生成URL响应传递sldSetimage方法5参数:公共标识图像云形资源类型云形实例、响应参数和应用图像的任何变换响应参数以a传递CLDResponsiveParams对象如下:

• 自动Width:布林-按可用宽度调整
• 自带Hiight:布尔-根据可用高度调整
• 裁剪模式:字符串-裁剪模式调整图像时应用
• 重力:字符串-图像中将使用的位置焦点转换

避免单个指定5响应参数,你可添加下列一种“预设式”方法:

• 自定义Fill:调整图像高度和宽度,保留侧延度,填充图像View,使用自动重力判定图像中哪些部分在必要时可见(批注:真实性、真实性、填充性、自动机性)。
• fit():调整图像高度宽度,保留方位图,完全适配图像View整幅图像会显示(句法真实性、真实性、适切性、中心性)

设置UIImageView组件名为“图片imageView”,响应取并显示图像并上传公共标识JPEG格式的“样本”,并自动调整大小以填充可用宽度和高度

eq等值:

上头sldSetimage方法检索UIImageView组件精确可用维度,然后取高宽图像至近步数(默认为100)。举例说,如果精确宽度为284逻辑像素,则请求宽度四舍五入至300像素防止生成过多图像版本并减少从其他设备获取后续请求的缓存点击

响应计算默认值调用setStepSize,setMinDimen和/或setaxDiment方法论CLDResponsiveParams并传递新值(默认值分别为50、50和350逻辑像素)。

比方说,将阶梯大小设置为每100逻辑像素并限制维度为100至300逻辑像素: