前端PS切图小技巧

切图，重要的是找精确像素！不要在用传统的切刀进行切割啦，拿到一副PSd图形的，可以使用这样两种方式：

（1）如果你的图层很多，你可以用“ctrl+点击想要的图片“直接选中你想要图片的图层，简单到位，然后将图层转化为智能对象（当然可以几个图层拼到一起），然后双击弹出点击确定，就ok了；

（2）对于大图，这个时候就有很多的东西存在，这里就使用，选区先选中你要切的图形，然后”编辑-合并拷贝-新建-拷贝“，就能建立一个完成整的图片切图的样子了，就ok了。

 

注意：这里的有几点说明：

（1）切图要拉好参考线，也可以用”F8“来查看像素的详细信息；

（2）常用的前端图片存储有三种：.png\.jpg\.gif    三者之间的区别，简而言之可以概括为：

         .png 优：色彩单一的图形合适，不失真，缺：存储大小中等；

         .gif 优：动图，存储非动图时占据内存小，缺：无柔光效果，对前边的图形失真严重；

        .jpg 这里切图保存时，最好选择”web所用格式“其中重要的是设置品质 ，在不影响图像观看的情况下，可以压缩，特别是大图有真实色彩的图形最好选择这种格式。

一般，前端所用图形在200K左右，这样加载的时候有较良好的效果。