商品小图使用不妥当，会导致浏览速度变慢

 

现在使用SHOPEX的用户越来越多，因此报怨SHOPEX速度太慢的声音也越来越多，在此，本人说一下小图对浏览速度的影响。

在设置商品时，后台可以置入商品的大图与小图
大图，即该商品详细页内的清晰图，用来展示商品的各个特征，此图需要给人专业、清晰、真实的感觉
小图，仅仅展示索引页中商品的概貌，用以商品识别

然而，目前绝大多数用户，为了省事求方便，在录入商品时，大图和小图均使用同一图片（文件），当然，这样的做法确实省了N个步骤，但是之后带来的是什么？打开网站非常慢，因为在读取网页数据时，需要同时下载几十张大小为几十K甚至几百K的图片，如果一个页面有20张图片，每张100K，那么就是2000K约等于2M，试想一下，下载2M的文件会是一眨眼的事吗？慢慢等吧

有人会问，图片已经缩小了怎么还会这么大呢？其实，你所看到的小图，只是利用网页代码使其外观变小，并未对其文件大小做任何修改。

那如何来解决这种问题呢？那就是给商品准备两张图片，一张为清晰大图，一张为缩略小图，在设置商品时分别使用。而且，利用网页代码改变尺寸的小图，非常不清晰，所以你需要根据后台所设置的小图尺寸来制作同尺寸的图片文件，比如你在后台设置小图尺寸为80X80，那么在制作小图时，也应该利用图片处理软件（如photoshop，强烈推荐网页三剑客之一的firework）将图片的尺寸设置为80X80，这样在前台显示的小图，比较清晰且不变形。

再提一句，制作图片一般都使用photoshop，（强烈推荐网页三剑客之一的firework）而在保存时，推荐使用photoshop另存为web图片，这样的图片针对网络进行了优化，文件尺寸相对较小，更方便下载。