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

Question

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

Answer 1

您不能使用HTML/CSS,但可以使用PHP等服务器端语言. 这是一个允许您调整图像大小的脚本.

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

沿着这些方向,流程应该是:

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

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

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