2011-09-30 40 views
1

基本上我是问,有没有办法有说一个1000×1000像素的图片,只是有某种代码,无论是HTML,CSS,或其他任何东西只下载一个大小verison 100×100像素。有没有办法做到这一点?我想知道每个图片的大小,然后上传并将这些照片链接到原始大图。谢谢。有没有办法通过css只下载特定大小的图片?

回答

5

你不能用HTML/CSS做,但有可能与像PHP服务器端语言。 Here's a script这将允许您调整图像大小。

美中不足的是,调整图像大小可以是服务器密集的过程。您应该尝试确保一旦创建了图像的调整大小版本,就会将其缓存在服务器上以备后续请求。

沿着这一思路,流程应该是:

  1. 图像请求进来
  2. 是否调整大小的缩略图在服务器的缓存中。?如果是,请提供缩略图。
  3. 如果没有,创建缩略图,将其放置在服务器高速缓存和服务于它。

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

这样,当您检查缓存,你就可以告诉如果缩略图需要重新生成。

+2

只是在这里好奇(我不是问题的海报),但是您是否也可以在理论上将此类图像保存到您的服务器,并将该版本提供给其他浏览器,而不是根据独特的每个请求重新调整大小IP +浏览器? (编辑或你的意思是缓存在服务器上?) –

+1

绝对 - 这就是我的意思是缓存。调整大小后的图像存储在服务器缓存中(通常是服务器的文件系统),以便任何后续用户都可以使用。为了清晰起见,我更新了答案。 – Pat

+1

迷人...我真的需要学习更多的服务器端编程:P –

-1

您可以创建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

对不起,我从来没有做过任何服务器因为我不是专业人员,而且我很穷,所以如果这就是你想要的,我不能帮你。

+0

感谢您的建议,但不完全是我正在寻找的。 – nick122

+0

穷人与服务器端编程有什么关系? – ceejayoz

+0

我买不起服务器?我已经使用同一台计算机已有6年了,如果我没有免费获得,我甚至都没有。你如何建议我在不花钱的情况下实现服务器端编程? –

相关问题