作为移动开发者，在谈论图像和视频时，我们最关心的是为用户创造一个流畅而令人惊叹的体验，无论他们使用的是何种设备或网络连接。在本文中，我将向您展示如何使用Cloudinary和湿壁画Android，处理图像（位图）确实很困难，因为应用程序经常会出现内存不足（OOM）的情况。OOM是Android最大的噩梦开发者。那里是一些著名的开源库，它们可以帮助我们处理类似Picasa、Glide和壁画。壁画（Facebook）是我的最爱。壁画是用C/C++编写的。它使用ashmem堆而不是VM堆。中间字节缓冲区也存储在本机堆中。这就为应用程序留下了更多的可用内存，并降低了oom的风险。它还减少了所需的垃圾收集量，从而在我们的应用程序中带来更好的性能和更流畅的体验。另一个很酷的事情是Fresco支持多个图像（multi-URI），根据不同的情况请求不同的图像质量，这有助于我们进一步改善用户体验，例如在连接不良的情况下。网络研讨会多图像（Multi-URI）请求的前提是您希望向用户显示一个高分辨率、下载速度相对较慢的图像。与其让他们盯着占位符或加载微调器一段时间，不如先快速下载一个较小的缩略图。对于Fresco，这可以通过设置两个图像uri来实现，一个用于低分辨率图像，另一个用于高分辨率图像一：抄送剪贴板乌里·洛弗雷瑞，高瑞瑞；抽屉控制器=湿壁画新抽屉控制器().SetLowResImage请求(ImageRequest.fromUri（洛弗雷瑞）.setImageRequest(ImageRequest.fromUri（海瑟瑞）.setOldController(MSimpleDraweView.getController（））.build（）；msimpleDraweView.setController（控制器）；但是如何生成两个图像质量uri呢？Cloudinary的fetch功能支持实时操作远程图像，并通过超快速CDN优化交付。它允许我们轻松和动态地生成不同的图像质量版本，而不考虑图像。让如果这是我的原始图像，存储在我的AWS S3存储桶中：https://s3.amazonaws.com/myappmedia/donut.pngYou可以看到这个图像的大小几乎是1MB。加载许多这样的图像有时会损害用户在等待图像完全关闭时的体验加载。使用从云计算的角度来说，获取图像并生成低分辨率和高分辨率图像非常容易版本。正在获取带有CloudinaryHere的远程映像是用C获取任何远程映像的基本URL模板广播：抄送clipb公司oardhttps://res.cloudinary.com//image/fetch//为低分辨率添加动态转换，下面是添加调整质量：复制到削减board帴webp，q_自动：低,宽400/https://s3.amazonaws.com/myappmedia/donut.pngThis转换将图像（"甜甜圈"）转换为WebP，将其缩小到400像素的宽度，将质量设置为自动：低（当质量相对较低时，算法会自动进行质量与大小的权衡）。这些转换将图像大小从近1兆字节减少到2.37 KB（！）URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司：复制到剪辑board帴auto，q_自动：低，宽400/https://s3.amazonaws.com/myappmedia/donut.pngRuby：复制到剪贴板cl\U图像标记（"https://s3.amazonaws.com/myappmedia/donut.png"，：质量=>"自动：低"，：width=>400，：fetch_format=>：auto，：crop=>"scale"，：type=>"fetch"）PHP:复制到剪贴板cl\U图像标记（"https://s3.amazonaws.com/myappmedia/donut.png，数组（"质量"=>"自动：低"，"width"=>400，"fetch_format"=>"auto"，"crop"=>"scale"，"type"=>"fetch"））Python:复制到剪贴板云图像（"https://s3.amazonaws.com/myappmedia/donut.png"）。图像（质量="自动：低"，width=400，fetch_format="自动"，crop="scale"，type="fetch"）节点.js：复制到剪贴板cloudinary.image("https://s3.amazonaws.com/myappmedia/donut.png"，{质量："自动：低，宽度：400，fetch_格式："auto"，裁剪："scale"，类型："fetch"}）Java:复制到剪贴板cloudinary.url（）.转换（新转换（）。质量（"自动：低"）.width（400）.fetchFormat（"auto"）.crop（"scale"））.type（"fetch"）.imageTag（"https://s3.amazonaws.com/myappmedia/donut.png");JS:复制到剪贴板cloudinary.imageTag('https://s3.amazonaws.com/myappmedia/donut.png'，{质量：自动：低"，宽度：400，fetchFormat:"auto"，crop:"scale"，type:"fetch"}）.toHtml（）；jQuery:复制到剪贴板$.cloudinary.image("https://s3.amazonaws.com/myappmedia/donut.png"，{质量："自动：低，宽度：400，fetch_格式："auto"，裁剪："scale"，类型："fetch"}）反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.Transform（new Transformation（）.Quality（"自动：低"）.Width（400）.FetchFormat（"auto"）.Crop（"scale"））.Type（"fetch"）.BuildImageTag（"https://s3.amazonaws.com/myappmedia/donut.png")Android:复制到剪贴板媒体管理器.get（）.url（）.transformation（新转换（）.quality（）自动：低"）.width（400）.fetchFormat（"auto"）.crop（"scale"））.type（"fetch"）.generate（"https://s3.amazonaws.com/myappmedia/donut.png");iOS:复制到剪贴板图像视图.cldSetImage(cloudinary.createUrl（）.setType（"fetch"）.setTransformation（CLDTransformation（）.setQuality（"自动：低"）.setWidth（400）.setFetchFormat（"auto"）.setCrop（"scale"））.generate（"https://s3.amazonaws.com/myappmedia/donut.png")!，cloudinary:云数据库）注意，为了使用WebP，您只需要将webpsupport库添加到依赖项中，如这里所述。为高分辨率添加动态转换重要的是，您还可以动态优化您的高质量1MB图像，以便使其更适合Android设备屏幕大小。因此，对于高分辨率版本，只需将质量参数更改为"汽车：最佳"保留低分辨率时的宽度。这种转换将生成一个漂亮的、小尺寸的6.88图像KB。复制剪辑board帴webp，q_汽车：最佳,宽400/https://s3.amazonaws.com/myappmedia/donut.pngurlrubyphpythonnode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosallorl：复制到剪辑board帴webp，q_汽车：最佳，宽400/https://s3.amazonaws.com/myappmedia/donut.pngRuby：复制到剪贴板cl\U图像标记（"https://s3.amazonaws.com/myappmedia/donut.png"，：质量=>"汽车：最佳"，：width=>400，：crop=>"缩放"，：format=>"webp"，：type=>"fetch"）PHP:复制到剪贴板cl\U图像标记（"https://s3.amazonaws.com/myappmedia/donut.png，数组（"质量"=>"汽车：最佳"，"width"=>400，"裁剪"=>"缩放"，"格式"=>"webp"，"type"=>"fetch"））Python:复制到剪贴板云图像（"https://s3.amazonaws.com/myappmedia/donut.png"）。图像（质量="汽车：最佳，width=400，crop="scale"，format="webp"，type="fetch"）节点.js：复制到剪贴板cloudinary.image("https://s3.amazonaws.com/myappmedia/donut.png"，{质量："汽车：最佳，宽度：400，裁剪："缩放"，格式："webp"，类型："fetch"}）Java:复制到剪贴板cloudinary.url（）.转换（新转换（）。质量（"汽车：最佳"）.width（400）.crop（"scale"））.format（"webp"）.type（"fetch"）.imageTag（"https://s3.amazonaws.com/myappmedia/donut.png");JS:复制到剪贴板cloudinary.imageTag('https://s3.amazonaws.com/myappmedia/donut.png'，{质量：汽车：最佳"，toscale（），webfetch（），类型："，webfetch"；jQuery:复制到剪贴板$.cloudinary.image("https://s3.amazonaws.com/myappmedia/donut.png"，{质量："汽车：最佳，宽度：400，裁剪："缩放"，格式："webp"，类型："fetch"}）反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.Transform（new Transformation（）.Quality（"汽车：最佳"）.Width（400）.Crop（"scale"））.Format（"webp"）.Type（"fetch"）.BuildImageTag（"https://s3.amazonaws.com/myappmedia/donut.png")Android:复制到剪贴板媒体管理器.get（）.url（）.transformation（新转换（）.quality（）汽车：最佳"）.width（400）.crop（"scale"））.format（"webp"）.type（"fetch"）.generate（"https://s3.amazonaws.com/myappmedia/donut.png");iOS:复制到剪贴板图像视图.cldSetImage(cloudinary.createUrl（）.setFormat（"webp"）.setType（"fetch"）.setTransformation（CLDTransformation（）.setQuality（"汽车：最佳"）.setWidth（400.setCrop（"scale"））.generate（"https://s3.amazonaws.com/myappmedia/donut.png")!，cloudinary:云数据库）要使用Fresco完成这个示例，只需设置低和高的url版本：复制到剪贴板字符串originalImageURL="https://s3.amazonaws.com/myappmedia/donut.png";字符串lowResUri="http://res.cloudinary.com/demo/image/fetch/f帴webp，q_自动：低，宽400/e_模糊：90/"+原始地址URL；字符串高