有没有办法加载图像到显示分辨率(而不是全尺寸) - Blogger

时间:2013-12-15 08:09:55

标签: html css image

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

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

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

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

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

我正在使用Blogger。

2 个答案:

答案 0 :(得分:0)

您应该通过php / .net /中的服务器端程序执行缩略图版本... 仅通过简单的html就无法改变大小或分辨率。 javascript也需要一些应用程序(服务器端)来集成它。

答案 1 :(得分:0)

答案是否定的。您需要服务器上的图像为200像素。

如果您可以控制后端系统以根据传递的参数调整图像大小,则可以执行此操作。 http://www.example.com/image?width=200&height=200

有人可能会想到一个浏览器只能使用基于JPEG2000等小波压缩的文件格式下载文件的一部分。我不认为浏览器支持部分下载JPEG2000图像。