有没有办法只通过CSS下载图像的某些尺寸？

Question

基本上我要问的是，有没有办法说一个1000x1000像素的图像，只是有一些代码，无论是html，css还是其他任何只能下载100x100像素的调整大小的版本。有没有办法做到这一点？我想知道在调整每张照片并上传它们并将这些照片链接到原始的较大版本之前。谢谢。

Answer 1

您不能使用HTML / CSS，但可以使用PHP等服务器端语言。 Here's a script，可让您调整图片大小。

问题在于，调整图像大小可能是服务器密集型过程。您应该尝试确保在创建图像的大小调整后的版本后，将其缓存在服务器上以便后续请求。

沿着这些方向，流程应该是：

1. 图片请求进来。
2. 调整大小的缩略图是否存在于服务器的缓存中？如果是，请提供缩略图。
3. 如果不是，请创建缩略图，将其放在服务器缓存中并提供服务。

注意：詹姆斯在评论中提出了一个很好的观点。如果要调整大小的图像将要更改（更新/编辑），则在创建缩略图时（作为文件名或数据库的一部分），您需要跟踪其大图像的上次修改日期。

这样，当您检查缓存时，您将能够判断是否需要重新生成缩略图。

Answer 2

您可以在imageshack.us上创建一个帐户（创建帐户以确保您的图像不会被删除），然后上传不同大小的图像并链接到您想要的任何大小。 （你不必自己调整大小，你可以在上传时在imageshack上进行调整）这样你就可以获得你想要的任何大小的图像，而不会在你的服务器上加载任何负载。

这就是我所做的，而且效果非常好

示例：

http://img52.imageshack.us/img52/1825/lakesunset.jpg

http://img12.imageshack.us/img12/6420/lakesunsetf.jpg

两者都直接来自imageshack。刚上传了两次图像并在imageshack上调整了一个。

然后要显示缩略图并将其链接到较大的缩略图，只需使用以下代码：

<a href="DIRECT LARGE IMAGE URL"><img src="DIRECT SMALL IMAGE URL"/></a>

示例：

http://img12.imageshack.us/img12/6420/lakesunsetf.jpg

对不起，我从未做过任何服务器端编程，因为我不是专业人士而且我很穷，所以如果你正在寻找的话，我无法帮助你。