首页 > 代码库 > 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切片时,如何选择图片保存格式