使用javascript降低图像分辨率/大小以显示为预览

目前，我在服务器上有高分辨率的图像。当显示在网页上时，由于图像的巨大文件大小（约10 MB），加载图像需要很长时间。 我正在考虑将图像显示为预览（低分辨率图像），以便缩短加载时间。

---

我可以使用javascript“动态”减小图像大小/分辨率以显示图像表吗？我的意思是“在运行中”，因为我不想创建和存储这些图像只是为了预览。

客户端执行的javascript片段仍然需要下载完整分辨率的图像，调整其大小，然后提供给用户。让服务器调整大小并提供缩略图。

客户端JavaScript？想三秒钟。。。JS首先需要什么才能创建该图像的较小版本？对，大原版。。。因此，无论如何，您都需要将其发送到客户端，这意味着要发送的数据量和所需的时间将准确地。。。没有什么。