jQuery技术

前端PS切图小技巧

字号+ 作者:H5之家 来源:H5之家 2016-08-17 16:01 我要评论( )

切图,重要的是找精确像素!不要在用传统的切刀进行切割啦,拿到一副PSd图形的,可以使用这样两种方式:(1)如果你的图层很多,你可以用ldquo;ctrl+点击想要的

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

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

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

 

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

(1)切图要拉好参考线,也可以用”F8“来查看像素的详细信息;

(2)常用的前端图片存储有三种:.png\.jpg\.gif    三者之间的区别,简而言之可以概括为:

         .png 优:色彩单一的图形合适,不失真,缺:存储大小中等;

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

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

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

 

爱编程-编程爱好者经验分享平台

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
$