PNG8和PNG24的区别

页面中切图，因为需要透明，所以存为PNG8格式，图片四周全是锯齿，而且阴影也不见了，后来存为PNG24，这些问题就消失了。

去百度搜索了关于PNG8和PNG24的区别，看到下面的文章，原来PNG8要么完全透明，要么完全不透明，不支持半透明，所以才会出现上面的问题，但PNG24支持半透明的。

一、PNG8 & PNG24的不同

png8和png24的根本区别，不是颜色位的区别，而是 存储方式不同。
png8有1位的布尔透明通道（要么完全透明，要么完全不透明），png24则有8位（256阶）的布尔透明通道（所谓半透明）。

png-8 和 gif 有一些相似之处，模式都是索引颜色，只支持像素级的纯透明，不支持 alpha 透明。

我们通常说的“IE6 不支持 PNG 透明”，是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明，就像支持 gif 的透明一样。

二、切图时保存什么样的格式

色彩丰富的、大的图片切成jpg的；
尺寸小的，色彩不丰富的和背景透明的切成gif或者png8的；
半透明的切成png24。

三、如何区别PNG8 & PNG24

在ps里看图像—模式，png8当然只有8位/通道了。
当打开png8的图片时，ps会默认给它的图片标题上加上“索引”两字，png24的则没有。

PNG8和PNG24的区别相关推荐

前端面试题（6）图片格式jpg，gif，png-8，png-24的区别，及其各自的使用场景
Gif格式特点: 透明性,Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha透明). 动画,Gif这种格式支持动画. 无损耗性,Gif是一种无损耗的图像格式, ...
图片格式jpg，gif，png-8，png-24的区别，及其各自的使用场景
Gif格式特点: 透明性,Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha透明). 动画,Gif这种格式支持动画. 无损耗性,Gif是一种无损耗的图像格式, ...
jpg、gif、png-8、png-24的区别
一.gif格式的特点 1.透明性.gif是一种布尔透明类型,即它可以是全透明,也可以是全不透明,但是没有半透明 2.动画.gif支持动画 3.无损耗性.gif是一种无损耗的图像格式,这意味着你可以对g ...
[软技能] png-8和png-24有什么区别？
[软技能] 第682天 png-8和png-24有什么区别? 1."PNG8"是bai指8位索引色位图du,"PNG24"是24位索引色位图:2.png8:每一 ...
位图与矢量图区别及png8与png24区别
图片(矢量图和位图) 矢量图-- 可以无限放大不失真.色值少,不能逼真.使用软件Ai, 图片大小100KB一般小,矢量图转位图容易.设计公司logo的卡通人物一般是用矢量图 (一般有:svg) 位图 ...
图片格式区别：png8,png24,jpg,jpeg,gif,webp
1.PNG图片 1). PNG8(布尔透明) 简单说可以理解为静态的GIF 他们都只有256色,也支持索引透明,就是指定一个像素点是不是透明 2). PNG8(Alpha透明) 可指定像素点的透明度, ...
一个切图仔的工作日常
1.拿到公司设计师给的PSD图(PC端给的是1920px的设计稿,移动端给的750px的设计稿). 2.自己新建一个项目目录(默认有css,js,images文件夹以及一个index.html文件). ...
前端怎么加粗字体_【好程序员独家】100道前端面试题（精选版含答案）
为了方便各位热爱前端的小伙伴能够更加便捷的学习到前端,好程序员特意为大家整理100道独家HTML5大前端面试题!希望能给你带来帮助! 一.Doctype的作用?严格模式和混杂模式的区分,以及如何触发这 ...
HTML5面试题总结
HTML5面试题一. Doctype的作用? 严格模式和混杂模式的区分,以及如何触发这2种模式? 声明位于文档中的最前面,处于标签之前.告知浏览器的解析器,用什么文档类型规范来解析这个文档. D ...

PNG8和PNG24的区别

PNG8和PNG24的区别相关推荐

最新文章

热门文章