Javascript 根据屏幕更改图像的内存大小。（移动、桌面）

我想根据屏幕大小调整图像的内存大小。因为桌面和手机中加载的图像相同，但我想减少手机屏幕中图像的内存大小。我在北京工作。在这个页面中，许多图片被加载到桌面屏幕和手机屏幕上。和消耗相同的内存。例如，我将向您展示产品的一个图像

屏幕截图：

此图像在桌面屏幕和移动屏幕上的大小相同（4.91kb）。我想缩小手机屏幕上的图像大小。如果可能的话，请让我知道。我的主要动机是网站在手机屏幕上也应该快速流畅。我正在检查页面大小，然后显示页面大小为534.34kb

屏幕截图：

---

如果有人有任何想法，请告诉我。

5kb对于图像来说非常小，HTTP将占用大部分时间。但是看看HTML5的图片element@Joseph年轻的。是的，但是在这个页面中加载了很多图片。我想保存最大大小的图像。因为在手机屏幕中，不需要与桌面图像大小相同的大小。如果你关心图像的文件大小，那么为什么要发布对话和网站的不必要的屏幕截图，其中唯一重要的信息是“图像大小为4.9kB”和“网站大小为534kB”（而后者甚至与这个问题无关）。这些图片对你的问题毫无用处。因此，现在你基本上把问题的大小从一个KB扩大到了236kB…@Martin.Thnks。我将删除屏幕截图。为了更好地理解，我附加了屏幕截图。你可以尝试在不同的视口中使用媒体查询将图像切换到较小的大小。你可以o将图像合并到精灵中。但无法想出具体的解决方案。非常广泛。