【发布时间】：2011-11-28 03:16:23
【问题描述】：
基本上我要问的是，有没有办法说一个 1000x1000 像素的图像，并且只需使用某种代码（无论是 html、css 还是其他任何东西）只下载调整大小的 100x100 像素版本。有没有办法做到这一点？在调整每张照片的大小并上传它们并将这些照片链接到原始较大版本之前，我想知道。谢谢。
【问题讨论】：
标签： html css scripting photo photos
【发布时间】：2011-11-28 03:16:23
【问题描述】：
HTML/CSS 无法做到这一点，但可以使用 PHP 等服务器端语言。 Here's a script 将允许您调整图像大小。
问题是调整图像大小可能是一个服务器密集型过程。您应该尝试确保一旦创建了调整大小的图像版本，它就会缓存在服务器上以供后续请求使用。
按照这些思路，流程应该是：
- 图像请求进来了。
- 调整大小的缩略图是否存在于服务器的缓存中？如果是，请提供缩略图。
- 如果否，则创建缩略图，将其放入服务器缓存并提供服务。
注意： James 在 cmets 中提出了一个很好的观点。如果您正在调整大小的图像要更改（更新/编辑），您需要在创建缩略图时（作为文件名的一部分或在数据库中）跟踪其大图像的最后修改日期。
这样，当您检查缓存时，您将能够判断是否需要重新生成缩略图。
【讨论】：
-
只是好奇（我不是问题的发布者），但理论上您是否也可以将此类图像保存到您的服务器并将该版本提供给其他浏览器，而不是重新调整大小来自唯一 IP + 浏览器的每个请求？ （编辑还是你的意思是缓存在服务器上？）
-
绝对 - 这就是我所说的缓存。调整大小的图像存储在服务器缓存（通常是服务器的文件系统）中，以便任何后续用户都可以使用它。为了清楚起见，我更新了我的答案。
-
令人着迷......我真的需要学习更多服务器端编程：P
-
@Joseph 我们不是吗？ ;) 关于服务器缓存：如果图像可能会更改（更新/编辑等），您还需要跟踪它，以便知道何时更新缩略图。如果没有，请忽略我；）
-
谢谢，真的很有用！
您可以在 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
对不起，我从来没有做过任何服务器端编程，因为我不是专业人士而且我很穷，所以如果你要找的话，我无法帮助你。
【讨论】：
-
感谢您的建议，但不是我想要的。
-
穷人跟服务器端编程有什么关系？
-
我买不起服务器？我已经使用同一台计算机 6 年了，如果我没有免费获得它，我什至没有一台。您如何建议我在不花钱的情况下练习服务器端编程？