html - 如何从 URL 压缩图像？

Question

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

标签： htmlcssreactjsbrowser

Answer 1

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