1. 首页 > ps教程

png图片的储存方式(png怎么存储)

png图片的储存方式(png怎么存储)

本文主要介绍如何存储png图片(如何存储p),下面跟着东辰网详细了解一下吧。

对于Fireworks来说,png的格式和透明度是显而易见的。打开FireworksD优化面板,可以清楚地看到PNG有三种深度不同的格式:png8、png24和png32。

其中,当我们在优化面板中选择png8时,可以发现png8包括不透明、索引色透明和alpha透明三种格式。

Png88位Png最多支持256种颜色(2的8),而8位png实际上支持不透明度、索引透明度和alpha透明度。

PNG24支持2的24次方色,不透明。

Png32支持2的32次方颜色,32位是最常用的格式。它在24位png的基础上增加了8位透明信息,支持不同程度的半透明效果。

实际上,png8的三种格式是不透明、索引透明和alpha透明,这只是将png的所有格式进行了分类:

Png不透明格式PngIndex透明格式【pngalpha透明格式Png不透明格式】至于不透明,就像jpg格式一样,Png不透明只能是不透明,代表格式有:『png8不透明』和『png24』,导出软件:Photoshop和Fireworks。巴布亚新几内亚不透明不推荐,建议用jpg图片代替。

有些同学可能会问为什么png24不透明?我用photoshop导出的是png24?

Png24其实是一张不透明的图片。

打开photoshop,随意打开一个透明psd文件,保存为所有web格式(ctrlshiftal),如下面板所示:

如果未选中透明单选框,图片的透明背景将默认填充为白色。

导出的png图像深度为24位,图像不透明,类似于jpg图像。

如果选中透明(alpha),则会导出深度为32位的透明图片。

从photoshop为w测试

测试平台:iosandroidw测试图片:彩色雪碧图片1230*82

测试内容:同一个Sprit测试结果:

从上图可以看出,png32和png24太大,消耗了很多手机用户交通,这不是我们选择的范围,所以我们可以锁定目标在『png8alpha透明和PNG8指数透明。通过比较两者,我们可以看出PNG8alpha在手机上得到很好的支持,一些儿童s鞋可能认为我们可以不要仅凭一张图就下结论~

png8alpha由Fir测试用了几个Sprite图像在手机上有较好的支持~不仅文件大小小,节省流量,而且半透明效果也不错。

因此,移动终端采用png8alpha透明,我相信png8alpha透明是未来的一个趋势~

PC选什么样的png,PC用什么样的PNG?其实这个话题早就有了定论。下面简单介绍一下。

使用png8的方案:

用photoshop打开Sprite,导出一张png32的图片和一张PNG8指数透明度和分别是。高级浏览器使用png32位图片,对于IE6,使用PNG8指数透明度和,并设置PNG8指数透明度和与背景同色,实现视觉透明。

注意:为什么使用png32而不是『png8阿尔法透明度?因为pc的网速大多不错,所以推荐使用性能更好的png图片。显然,png32是最合适的。当然,你也可以用『png8阿尔法透明,但是高清显示下的质量不如png32。

。BG{background:URL(global.png?v=2013053)不重复;_background:URL(global_png8.png?v=2013053)不重复;//IE6使用的背景图像

IE过滤器的使用方案:

消耗了不少性能,还有不支持后台平铺等缺点,导致链接失败。不推荐这种方案。唐不要为了IE而让自己看起来像IE~

。BG{filter:progid:dximagetransform.Microsoft.alphaimageloader(src=img.png,调整方法=规模和规);}

另外还有js和打补丁的方法,这里就不介绍了。有兴趣可以下载:IE6支持png24。

Png的格式、颜色类型、位数、透明度、浏览器支持都会很清晰。打开FireworkdD优化面板,可以清楚地看到png有三种深度不同的格式:png8、png24、png32。

其中,当我们在优化面板中选择png8时,可以发现png8包括不透明、索引色透明和alpha透明三种格式。

Png88位Png最多支持256种颜色(2的8),而8位png实际上支持不透明度、索引透明度和alpha透明度。

PNG24支持2的24次方色,不透明。

Png32支持2的32次方颜色,32位是最常用的格式。它在24位png的基础上增加了8位透明信息,支持不同程度的半透明效果。

实际上,png8的三种格式是不透明、索引透明和alpha透明,这只是将png的所有格式进行了分类:

Png不透明格式PngIndex透明格式【pngalpha透明格式Png不透明格式】至于不透明,就像jpg格式一样,Png不透明只能是不透明,代表格式有:『png8不透明』和『png24』,导出软件:Photoshop和Fireworks。巴布亚新几内亚不透明不推荐,建议用jpg图片代替。

有些同学可能会问为什么png24不透明?我用photoshop导出的是png24?

Png24其实是一张不透明的图片。

打开photoshop,随意打开一个透明psd文件,保存为所有web格式(ctrlshiftal),如下面板所示:

如果未选中透明单选框,图片的透明背景将默认填充为白色。

导出的png图像深度为24位,图像不透明,类似于jpg图像。

如果选中透明(alpha),则会导出深度为32位的透明图片。

从photoshop为w测试

测试平台:iosandroidw测试图片:彩色雪碧图片1230*82

测试内容:同一个Sprit测试结果:

从上图可以看出,png32和png24太大,消耗了很多手机用户交通,这不是我们选择的范围,所以我们可以锁定目标在『png8alpha透明和PNG8指数透明。通过比较两者,我们可以看出PNG8alpha在手机上得到很好的支持,一些儿童s鞋可能认为我们可以不要仅凭一张图就下结论~

png8alpha由Fir测试用了几个Sprite图像在手机上有较好的支持~不仅文件大小小,节省流量,而且半透明效果也不错。

因此,移动终端采用png8alpha透明,我相信png8alpha透明是未来的一个趋势~

PC选什么样的png,PC用什么样的PNG?其实这个话题早就有了定论。下面简单介绍一下。

使用png8的方案:

用photoshop打开Sprite,导出一张png32的图片和一张PNG8指数透明度和分别是。高级浏览器使用png32位图片,对于IE6,使用PNG8指数透明度和,并设置PNG8指数透明度和与背景同色,实现视觉透明。

注意:为什么使用png32而不是『png8阿尔法透明度?因为pc的网速大多不错,所以推荐使用性能更好的png图片。显然,png32是最合适的。当然,你也可以用『png8阿尔法透明,但是高清显示下的质量不如png32。

。BG{background:URL(global.png?v=2013053)不重复;_background:URL(global_png8.png?v=2013053)不重复;//IE6使用的背景图像

IE过滤器的使用方案:

消耗了不少性能,还有不支持后台平铺等缺点,导致链接失败。不推荐这种方案。唐不要为了IE而让自己看起来像IE~

。BG{filter:progid:dximagetransform.micro柔软。alphaimageloader(src=img.png,sizingMethod=规模和规);}

另外还有js和打补丁的方法,这里就不介绍了。有兴趣可以下载:IE6支持png24。

列表的Png格式,颜色类型,位数,透明度和浏览器支持。

了解更多如何存储png图片(如何存储pn)相关内容请关注东辰网。

本文由东辰网发布,不代表东辰网立场,转载联系作者并注明出处:https://www.ktwxcd.com/psjc/12015.html

留言与评论(共有 0 条评论)
   
验证码:

联系我们

在线咨询:点击这里给我发消息

微信号:vx614326601

工作日:9:30-18:30,节假日休息