上传到火力基地时如何降低图像质量

Question

当我成功上传大小为kb的图像时，我使用reactJs和firebase构建了一个聊天应用程序，但是当我要上传图像时，甚至大小可以为MB，但是我想在上传之前降低这些图像的大小。使用reactjs实现此目标的最佳方法是什么？

Answer 1

图像的

WEBP 格式旨在通过标准的 JPEG 压缩来减小图像文件的大小，同时保持相同或相似的质量。因此，您可以将较大的图像文件转换为较小的大小。

---

您可以使用npm软件包webp-converter将JPG，JPEG和其他图像格式转换为WEBP格式。

• 安装软件包npm i web-converter
• 将模块导入为import webp from 'webp-converter';。
• 在函数中的实现：-

webp.cwebp("input.jpg","output.webp","-q 80",function(status,error){ console.log(status,error); });

• 将 output.webp 推送到Firebase数据库。

详细的包实施细节： webp-converter