|
感谢您的阅读，需要软件以及教程可加入PS学习福利君羊（65166+5562） .Png格式是图像文件存储格式，在网页设计中已经不是一个陌生的名词，在前端开发中经常使用到它，本文是对.PNG格式的详细介绍_x0005_，并且针对网页设计上.PNG格式的使用做了相关说明。Png有多少种格式_x0005__x0005_？有哪些特点_x0005_？网页设计PC端中常用的Png格式是哪些_x0005__x0005__x0005_，网页设计手机端最合适的Png格式是什么呢?如果你对这些问题有疑问。 其中透明度_x0005__x0005_，包括不透明、索引色透明、alpha透明3种格式。 PNG8_x0005__x0005_：8位的png最多支持256(2的8次方)种颜色_x0005_，8位的png其实8支持不透明、索引透明_x0005_、alpha透明。 PNG24_x0005_：支持2的24次方种颜色，表现为不透明_x0005_。 PNG32：支持2的32次方种颜色，32位是我们最常使用的格式，它是在png在24位的png基础上增加了8位的透明信息_x0005_，支持不同程度的半透效果。其实PNG8的3种格式不透明_x0005_索引透明、alpha透明，正好把png的所有格式都归类好了_x0005_：『png 不透明』格式『png索引透明』格式『png alpha透明』格式说到不透明_x0005__x0005_，就像jpg格式一样_x0007_ _x0007_任意打开一个带透明的psd文件_x0007__x0005_存储为web所有格式(ctrl+shift+alt+s)_x0005_，如下面板所示_x0005__x0005__x0005_： 不勾选透明度单选框_x0005_，图片的透明背景会被默认的白色填充 _x0007_图片为不透明，表现跟jpg图片相似 从photoshop存储为web所有格式面板中这样理解_x0005_，png24深度其实为24位。这也许是photoshop软件开发者不添加png32位格式的原因_x0005_，下图为Photoshop存储为web所有格式界面的图片格式选择，并没有png32位的选项~ 说到索引颜色透明，我们可以了解下什么是索引颜色_x0005_，『png 索引透明』代表格式有『png8 索引透明』_x0005__x0005_，它的特点总结如下： 1.挑选一副图片中最有代表性的若干种颜色(通常不超过256种) 2.只能为不透明或全透明 3.文件体积小 4.带有杂边锯齿 5.支持IE6 『png8索引透明』只有透明索引颜色，没有半透明索引颜色_x0005_，下图左侧为带半透明像素的图片_x0005__x0005_，在浏览器中打开不会有锯齿，而右侧图片为全透明或不透明的像素，在浏览器打开后有锯齿。 由于『png8索引透明』没有半透明索引颜色_x0005_，使用Photoshop导出时，原有的半透明转化为不透明，从而产生锯齿。 如何避免『png8索引透明』的杂边锯齿？设置杂边与背景色颜色一致可达到视觉上透明_x0005_。相信不难理解，利用杂边与背景色一致_x0005__x0005_，可以来满足视觉上的透明，缺点是只能适应一种背景色_x0005__x0005_，在其它背景色下同样会产生杂边。
怎么设置呢_x0005_，打开Photoshop_x0005_，在存储为web格式面板中进行如下操作_x0005_，在杂边选项中选择与背景色一致的颜色_x0005_。
就介绍到这里_x0005__x0005_，感谢耐心看完的小伙伴们_x0007__x0005_。 |
|
|
