png是一种图片格式，是Portable Networks Graphics的缩写，做ping。
png8和png24的区别如下。
1
“PNG8”是指8位索引色位图，“PNG24”是24位索引色位图；
png8和png24的区别
2
png8：
每一张“png8”图像，都最多只能展示256种颜色，所以“png8”格式更适合那些颜色比较单一的图像，例如纯色、logo、图标等；因为颜色数量少，所以图片的体积也会更小；
png8和png24的区别
3
png24：
每一张“png24”图像，可展示的颜色就远远多于“png8”了，最多可展示的颜色数量多大1600万；所以“png24”所展示的图片颜色会更丰富，图片的清晰度也会更好，图片质量更高，当然图片的大小也会相应增加，所以“png24”的图片比较适合像摄影作品之类颜色比较丰富的图片；
png8和png24的区别
PNG8要么完全透明，要么完全不透
明，不支持半透明，所以才会出现上面的问题，但PNG24支持半透明的
首先先做下比较，因为估计做前端的人和我一样知道最多的就是png是一种包含半透明格式的图片。其实我们还要知道：
1.png8和png24的根本区别，不是颜色位的区别，而是存储方式不同。
2.png8有1位的布尔透明通道（要么完全透明，要么完全不透明），png24则有8位（256阶）的布尔透明通道（所谓半透明）。
png-8 和 gif 有一些相似之处，模式都是索引颜色，只支持像素级的纯透明，不支持 alpha 透明。
我们通常说的“IE6 不支持 PNG 透明”，是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明，就像支持 gif 的透明一样。
这样我们在工作中就有了方向：
1.色彩丰富的、大的图片切成jpg的；
2.尺寸小的，色彩不丰富的和背景透明的切成gif或者png8的；
3.半透明的切成png24。
参考：http://blog.sina.com.cn/s/blog_9050e71e0100yvtf.html
http://jingyan.baidu.com/article/ff42efa91a04b9c19e220232.html
好文要顶 关注我 收藏该文
冒雨ing
关注 - 5
粉丝 - 24
+加关注
0 0
« 上一篇： css控制标题长度超出部分显示省略号
» 下一篇： 返回到顶部按钮实现
posted @ 2014-07-05 17:18 冒雨ing 阅读(3311) 评论(0) 编辑 收藏
刷新评论刷新页面返回顶部
注册用户登录后才能发表评论，请 登录 或 注册， 访问 网站首页。
相关博文：
· JPG、PNG、GIF、SVG、WebP等格式图片区别
· nodejs对png图片的像素级别处理
· .netcore2.2使用imagemagick将pdf转化为png
· Java实现tif/tiff/bmp图片转换png图片
· PhotoShop32位的画布，不能存储为PNG格式
» 更多推荐...
最新 IT 新闻:
· 尴尬了：腾讯刚给员工发1万台华为Mate Xs 不少人已在闲鱼出售
· Win10新预览版Build 20226推送：SSD掉盘、坏盘提前告知
· 百度拆分小度，再造一个百度
· 微软出手：要让Edge成Windows 10默认浏览器！
<!DOCTYPE HTML><html lang="en-US">
<head>
<meta charset="UTF-8">
<title>御用递归，下回分解</title>
<style type="text/css">
</style>
<script type="text/javascript">
var array=[
{"id":1,"child":[{"name":"11"},{"name":"12"},{"name":"13"}]},
{"id":1,"child":[{"name":"21"},{"name":"22"},{"name":"23"}]},
{"id":1,"child":[{"name":"31"},{"name":"32"},{"name":"33"}]},
]
for ( var i = 0 i < array[0].child.length i++)
{
for ( var j = 0 j < array[1].child.length j++)
{
for ( var k = 0 k < array[2].child.lengthk++)
{
document.write(array[0].child[i].name + "," + array[1].child[j].name + "," + array[2].child[k].name + "<br / >")
}
}
}
</script>
</head>
<body>
</body>
</html>
