html - 有什么方法可以只加载显示分辨率的图像(而不是全尺寸)- Blogger

Question

我只想以显示分辨率而不是全尺寸/分辨率加载图像。

这是一个示例，可以帮助您理解我的问题:让图像为 512x512px(大小为 1MB)，但在网页上显示时，我使用 css 将其显示大小调整为 200x200px。

但是图像将以 512x512px 的完整分辨率加载(仍然需要下载 1MB)，尽管由于 css 的原因，它会被渲染为 200x200px 的较小显示尺寸。

我想要的图像应该以 200x200 像素的显示尺寸分辨率加载。因此它的大小将在加载时减小(小于 1MB)。

这将减少网站加载时间以及数据传输并提高网站性能。

我正在使用 Blogger。

Answer 1

您应该在 php/.net/... 中通过服务器端程序制作缩略图版本仅通过纯 html 不可能即时更改大小或分辨率。 javascript 也需要一些应用程序(服务器端)来集成它。