如何从 URL 压缩图像?

Question

我目前正在为一家公司开发一个 React 网站，该网站应该用作他们将在其中上传文件的驱动器存储库。 我在"照片"文件夹中遇到了性能问题，因为他们上传了很多高分辨率图片，并且网站目前正在显示它们的预览。 我想更聪明的解决方案是在他们上传和保存低分辨率图像以显示为预览时添加某种图像压缩，但也许有一种方法可以给出图像的 url 以获得它的低分辨率版本。

Answer 1

尝试使用 npmjs.com/package/base64-img npm 模块。它会将您的图像转换为 Bas64。您可以使用各种配置。还可以尝试通过浏览器提供的 imageSectionObserver API 使用延迟加载。