网站图片使用技巧

       在淘宝店铺中越来越多的店铺开始以全图片的形式来介绍自己的产品(图片上在配上简要的对产品信息的说明文字)，在这里有许多不少经典的案例，这样装修出来的店铺，让买家看了就有想买的冲动，但是一些店铺的装修效果不尽人意。在使用图片的时候将图片进行了非比例的压缩或拉伸，导致图片变形，顿时让买家没有购买的欲望。

       因此在网站中使用图片的时候有一下几个原则:

1、在对图片进行压缩(缩小显示)的时候进行等比例的压缩，比如讲宽度压缩为之前的80%的时候，对应的高度也要压缩为之前的80%，但是在实际操作的时候可以只用压缩一个属性，对应的另一个高度或宽度属性也会进行相应的压缩。

2、在使用图片的过程中不能拉伸图片。一旦拉伸图片，图片的清晰度立马下降。从而使显示效果大打折扣。

3.在使用比较大的主题图片的时候，要记得将自己主题图片的颜色与自己网站的背景色图片相近或一致。比如apple网站的iPhone网页中的产品图片主颜色就和网页的背景颜色一致，从而看上去不会有太突兀。这一点在网页设计的时候非常重要。这方面设计风格的典型网站就是苹果的iPhone网页和小米的网站，都是使用大量的清晰图片，图片上配上一些文字来对其产品进行修饰。在只用这种风格样式的时候要注意一定要将自己的主体图片和背景色相一致。可以使用chrome上的Eye Dropper插件来获取图片的主体颜色，然后将网页背景色设置为图片的主体色，从而想的网站更得体美观。具体的设计风格大家可以参考下小米和iPhone的网页。