javascript - 做了一个类似网络相册的站点，但是有一些图片加载的问题！望高人解答！

Question

做了一个类似网络相册的站点，但是有一些图片加载的问题！望高人解答！
很大一个问题就是现在由于服务器带宽有限，导致图片加载过慢，我发现个问题，就是我改变图片大小width和height，但是加载图片的文件大小还是没变，就是本来图片是900900，大小500kb，但是我改了400400，大小还是加载了500kb,我想实现一种效果，就是图片变小一点，加载图片文件大小小一点，如果需要原图点击图片转到图片那个.jpg去获得原图，这样，在预览的时候加载速度就会快的多，但是通过改width和height不能实现，请问能通过什么方法实现这个，因为服务器带宽就1mbps，图片有很多，4000多张，每张图片也在200-400kb间，很是恼火啊现在!

Answer 1

本地原生来做会比较麻烦，需要用到服务器端的图片处理函数：根据请求参数，把原始图片处理成略缩图，然后返回。请求参数为空时代表需要看原图，返回原始图片。
不过还有一个办法，就是用CDN，一般的CDN服务提供商都会提供图片处理接口。

Answer 2

改变宽高又不会改变图片原始大小....一般是在上传原始图片时，做几个档次的处理，生成额外的预览图、缩略图，然后默认加载预览图或缩略图，需要全屏之类的显示就加载高清图。

图片可以自己处理生成，也可以跟上面说的一样，交给CDN服务商处理。

站点的图片也做个延时加载

Answer 3

可以选择七牛做加速，也提供了各种尺寸的缩略图