只需一行代码即可压缩图像文件

mukti574

我最近看到组织者和开发者倡导者iChuloo通过@JAMStackLagos发布的一条推文，内容是如何在Cloudinary上仅用一行代码来减小图像的大小。


那条推文敲响了警钟。然后我想起我过去至少在两个React项目中使用过同样的代码行。

本文将深入探讨，向您展示如何在 React、Node、Vue 和 Angular 等环境或框架上使用 PHP、Java 或 Python 再次使用一行代码来压缩图像文件。

图像压缩复制此标题的链接
通常，图像文件的压缩要么用于存储，要么用于传送。

图像存储复制此标题的链接
当请求上 西班牙消费者手机号码列表 传到 Cloudinary 时，压缩图像文件以供云存储。随后，Cloudinary 在存储文件之前将您指定的转换应用于文件。下面的示例显示了 Ruby、Python、PHP 和 Java 中的代码线。您还可以使用其他现代语言以类似的方式进行编码。



代码语言： CSS  （CSS ）
在上面的代码中，quality是一个压缩参数，指定图像质量和存储大小。如果您不确定要分配给哪个数字quality，只需键入auto。然后，Cloudinary 通过在图像文件大小和质量之间应用最佳平衡来自动调整图像的压缩质量。

图像传输复制此标题的链接
在这种情况下，您可以将图像直接上传到云端，然后在将quality图像交付给用户时应用压缩参数。您还可以以适合各种 Web 浏览器和移动设备的格式提供图像。

您可以按0-100 的等级配置质量。图像质量越高，图像尺寸越大；图像质量越低，图像尺寸越小。要动态压缩图像，请调整其quality参数。请参阅下面的示例。

或者，只需将q参数添加到图像的 URL，例如：

在这里，q代表品质；50是您在 0-100 范围内的选择。

前端开发人员可以将应用程序中的组件开箱即用，如下所示：

这里，cat是上传图片的名称，通常是publicIdCloudinary存储平台上的公共ID（ ）。

结论复制此标题的链接
未经图像优化或压缩而上传会浪费带宽。另外，将它们交付到您的应用程序上总是需要更长的时间。为什么不使用 Cloudinary 有效且简单的嵌入式工具自动执行压缩过程，以便您的视觉效果快速加载。