在过去三年中，移动网页上的图像数据量翻了一番。不断增长的图像直接导致用户达到数据传输上限，体验速度较慢的网站，甚至在网站未在合理时间内加载时离开。罪魁祸首是这些图像中的许多是如此缓慢，因为它们比它们需要的更大，通过电线发送数据，这对用户的去体验举一个具体的例子，让我们看看这张Cloudflare熔岩灯墙的照片：在左边你可以看到这张照片，被缩放到300像素宽。在右侧，您可以看到相同的图像以原始的高分辨率传输，并在桌面web浏览器中缩放。在普通的DPI屏幕上，它们看起来是一样的，但是右边的图像需要20倍多的数据来加载。即使是最优秀和最有责任心的开发人员调整每个图像的大小来处理每一个可能的设备几何图形都会消耗宝贵的时间，而且很容易忘记调整大小总之，今天我们正在推出一个新产品，图像大小调整，以一次性解决这个问题全部。宣布图像大小调整使用图像大小调整，Cloudflare为其可用的图像优化套件添加了另一个重要产品。丰富的客户可以在此产品上执行密钥操作图像。调整大小-源图像的大小将调整到指定的高度和宽度。此操作允许为每个特定的变量创建多个不同大小的变量使用。裁剪-源图像的大小将被调整到一个新的大小，该大小将不保持原始的纵横比，并且图像的一部分将被删除。这对于头像和产品图像特别有用，因为在这些图像中，必须只保留图像。压缩-通过应用有损压缩，源图像的文件大小将减小。如果文件大小可以接受轻微的质量降低，则应使用此选项还原。转换到WebP-当用户浏览器支持它时，源映像将被转换为WebP。交付一个WebP映像利用了现代的、高度优化的映像格式。依据使用这些操作的组合，客户可以在他们的服务器上存储一个高质量的图像，并且可以利用图像大小调整来为每个特定的用例创建专门的变体。无需任何额外的努力，每个变体也将自动受益于Cloudflare的global缓存.examplescommerceThumbnailsCommerce站点通常存储每个产品的高质量图像。根据该图像，他们需要根据产品的显示方式创建不同的变体。一个例子是为目录视图创建缩略图。如果找到高质量图像，则使用图像大小调整这里：https://example.com/images/shoe123.jpg这是如何使用图像大小调整来显示一个75x75像素的缩略图：

响应式图像在调整站点以适应不同类型和大小的设备时，务必始终使用大小正确的图像。当图像要填充屏幕的特定百分比时，这可能很困难。为了解决这个问题，

可以用过。没有调整图像大小时，需要创建和存储同一图像的多个版本。在本例中，一个英雄.jpg存储，图像大小调整用于根据需要调整每个特定大小。

在不更改URLsImage大小的情况下强制执行最大大小也可以从Cloudflare Worker中获得。worker允许您编写运行在世界各地用户身边的代码。例如，您可能希望在保持相同url的同时为图像添加图像大小调整。您的用户和客户机可以一如既往地使用相同的图像url，但是图像将以任何方式透明地修改需要。你可以在与您的图像url匹配的路由上安装Worker，并调整任何大于addEventListener限制（'fetch'，event=>{事件响应（手柄请求(事件请求))})异步函数handleRequest（请求）{取回（请求{参考文献：{图片：{宽度：800，身高：800，fit:'缩小'}});}由于Worker只是代码，所以只在具有图像扩展名的url上运行此Worker，甚至只调整传送到移动设备的图像的大小也是很容易的客户端。CloudflareImagesCloudflare有着悠久的历史来构建加速图像的工具。我们的缓存总是通过将图像副本存储在离用户较近的位置来帮助减少延迟。波兰自动化了无损和有损图像压缩选项，以删除图像中不必要的字节。幻影加速了基于设备类型的图像传输。我们将继续对所有这些工具进行投资，因为它们都在改善图像体验方面发挥着独特的作用网络图像调整大小是不同的，因为它是Cloudflare的第一个图像产品，它让开发人员完全控制图像的服务方式。如果您愿意提前或在Cloudflare中定义希望图像提供的大小，则应选择图像大小调整工人。下一个现在，企业和企业客户可以使用步骤和简单的原则调整大小。要启用它，请登录到Cloudflare仪表板并导航到Speed选项卡。在那里，您可以找到一个用于调整图像大小的部分点击。这个产品包含在商业和企业计划中，无需额外成本，且使用范围广。商业客户每月有10万个请求限制，每月每增加10万个请求将收取10美元。企业客户每月有1000万个请求限制，并提供折扣层以获得更高的使用率。请求被定义为对包含图像大小调整的URI的命中或从工人。现在你已经启用了图像大小调整，现在是时候调整你的第一个图像。使用你现有的网站，在此处存储图像：https://yoursite.com/images/yourimage.jpgUse此URL可调整其大小图片：https://yoursite.com/cdn-cgi/图像/宽度=100，高度=100，质量=75/图像/yourimage.jpge实验更改width=、height=和quality=。上面的说明使用默认的URL格式来调整图像大小。有关选项、用例和兼容性的详细信息，请参阅我们的开发人员文档。