图片的切法、图片的质量大小和图片的热点制作-20131020
1、大家都知道页面要求快速的加载进入让用户清楚的看到首先就是要图片要小,图片的品质低载入和显示的速度就会快但是,往往就是因为这个而导致一张图片用户根本看不出清是什么东西,所以在这里一般切图的话,新手都是直接切一张图片后放进html里面显示出来这样展示的慢还拖时间。
所以我们可以把一样大的图片比如 600*800的图片我们可以切成4张 600*200的图片给用户展示出来这样还可以节省用户的载入时间和提升图片的显示速度,一般内容都是居中的所以在一般头部的头片也是切的和内容的宽度相符后多余的长度都用背景方式插入到css里面,这样就大大的提升了页面的整体速度和用户的体验感觉。
2、图片质量的大小是可以通过ps来调节的当某些图片有它自己的标准的时候就需要切图人员来注意到图片的大小和图片的清楚度
下面就是展示出图片的品质在哪里设置
为什么要设置图片的品质呢,直接100不就好了,不行的要有些页面的里的图片展示是有规定的比如不能大于多少品质,单个图片不能超过kb的规定哪么不知道的同学就可以在这边进行调节
下面的是图片的大小在哪里展示的
在调节图片质量的时候就可以看到图片的大小根据个人的需要来调节你的图片做到在规定的最大话的用户体验感觉。
3、就是图片的热点问题
这一段就是图片的热点设置
<img src="planets.jpg" border="0" usemap="#planetmap" alt="图片的切法、图片的品质大小和图片的热点制作-20131020" /><map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" /> <area shape="circle" coords="129,161,10" href ="mercur.html" /> <area shape="rect" coords="0,0,110,260" href ="sun.html" /></map>