首页 > 代码库 > PS切片时,如何选择图片保存格式
PS切片时,如何选择图片保存格式
在网页设计中,对图片进行剪切是必不可少的一个步骤。
但一个页面中,需要用到的图片太多,为了节省时间,当然不能一个一个的裁剪保存,好在PS工具提供了一个快捷的功能:切片(快捷键:C,来源应该为cut)。
我们可以通过切片把需要剪切的图形在页面中先规划设定出来,然后Ctrl+shift+Alt+S就能一次性导出并保存下来。
那么问题来了,保存的时候有5种格式,应该选择哪一种呢:
通过多次试验以及资料查证,目前总结如下:
1.色彩丰富、图像较大的图片,选择JPG格式;
2.尺寸较小、色彩单一和背景透明的,选择GIF或PNG8;
3.半透明、不规则以及圆角的图片,选择PNG24。
关于png8和png24的区别:
1.png8和png24的根本区别,不是颜色位的区别,而是存储方式不同。
2.png8有1位的布尔透明通道(要么完全透明,要么完全不透明,不支持半透明),png24则有8位(256阶)的布尔透明通道(所谓半透明)。
png-8 和 gif 有一些相似之处,模式都是索引颜色,只支持像素级的纯透明,不支持 alpha 透明,而非直角图形在其转角处通常都是alpha透明。
如何判断图片是png8还是24:
1.在ps里看图像---模式,png8当然只有8位/通道了。
2.当打开png8的图片时,ps会默认给它的图片标题上加上“索引”两字,png24的则没有。
png透明ie6下的兼容问题:
我们通常说的“IE6 不支持 PNG 透明”,是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明,就像支持 gif 的透明一样。
新浪微博的logo(png24)采用了下面的方法来实现透明:
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.mamicode.com/‘logo.png‘,sizingMethod=‘crop‘);
总结中部分文字来源:http://blog.csdn.net/kataerdeshui/article/details/13161423
PS切片时,如何选择图片保存格式