Html 有没有办法通过css只下载特定大小的图像？

基本上，我想问的是，有没有一种方法，比如说一个1000×1000像素的图像，只需要一些代码，不管是html、css还是其他任何东西，就可以下载一个100×100像素大小的verison。有没有办法做到这一点？我想知道之前，我的每一张照片的大小和上传，并将这些照片链接到原来的大版本。谢谢

您不能使用HTML/CSS，但可以使用PHP等服务器端语言。这将允许您调整图像的大小

问题在于，调整图像大小可能是一个服务器密集型的过程。您应该尝试确保，一旦创建了图像的大小调整版本，它就会缓存在服务器上以供后续请求使用

沿着这些路线，流量应为：

图像请求进来了

服务器缓存中是否存在调整大小的缩略图？如果是，请提供缩略图

如果否，则创建缩略图，将其放置在服务器缓存中并提供服务

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

---

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

您不能使用HTML/CSS，但可以使用PHP等服务器端语言。这将允许您调整图像的大小

问题在于，调整图像大小可能是一个服务器密集型的过程。您应该尝试确保，一旦创建了图像的大小调整版本，它就会缓存在服务器上以供后续请求使用

沿着这些路线，流量应为：

图像请求进来了

服务器缓存中是否存在调整大小的缩略图？如果是，请提供缩略图

如果否，则创建缩略图，将其放置在服务器缓存中并提供服务

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

---

这样，当您检查缓存时，您就可以知道是否需要重新生成缩略图。

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

这就是我所做的，它工作得非常好

例如：

两人都直接来自imageshack。刚刚上传了两次图片，并在imageshack上调整了一个大小

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

例如：

---

抱歉，我从来没有做过任何服务器端编程，因为我不是专业人士，而且我很穷，所以如果这正是你想要的，我无法帮助你。

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

这就是我所做的，它工作得非常好

例如：

两人都直接来自imageshack。刚刚上传了两次图片，并在imageshack上调整了一个大小

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

例如：

---

抱歉，我从来没有做过任何服务器端编程，因为我不是专业人士，而且我很穷，所以如果这正是你想要的，我也帮不了你。

只是好奇而已（我不是问题的发帖人），但从理论上讲，您是否也可以将这样的图像保存到您的服务器，并将该版本提供给其他浏览器，而不是针对来自唯一IP+浏览器的每个请求重新调整其大小？（编辑还是说缓存在服务器上？）。调整大小的映像存储在服务器缓存（通常是服务器的文件系统）中，以便任何后续用户都可以使用它。为了清晰起见，我更新了我的答案。。。我真的需要学习更多的服务器端编程：P@Joseph我们不都是吗？；）关于服务器缓存：如果图像可能会更改（更新/编辑等），您还需要跟踪这些更改，以便知道何时更新缩略图。如果没有，那么就忽略我；）谢谢，那真的很有用！我只是好奇（我不是这个问题的发帖人），但理论上，你是否也可以将这样的图像保存到你的服务器上，并将该版本提供给其他浏览器，而不是针对来自唯一IP+浏览器的每个请求重新调整其大小？（编辑还是说缓存在服务器上？）。调整大小的映像存储在服务器缓存（通常是服务器的文件系统）中，以便任何后续用户都可以使用它。为了清晰起见，我更新了我的答案。。。我真的需要学习更多的服务器端编程：P@Joseph我们不都是吗？；）关于服务器缓存：如果图像可能会更改（更新/编辑等），您还需要跟踪这些更改，以便知道何时更新缩略图。如果没有，那么就忽略我；）谢谢，那真的很有用！谢谢你的建议，但这不是我想要的。贫穷与服务器端编程有什么关系？我买不起服务器？我已经用同一台电脑6年了，如果我