下载文档原格式
PNG格式种类及应用实例使用详解PNG (Portable Network Graphics) 是一种无损压缩的位图图像格式，广泛应用于网络和数字媒体上。
它使用了一种无损压缩算法，可以保留图像的细节同时减小文件大小。
1.PNG-8：PNG-8支持256色，适用于简单的图像和动画。
它使用的压缩算法可以减小文件大小，同时保持图像的质量。
PNG-8常用于网站上的小图标和简单的插图，例如网站LOGO、按钮图标等。
实例使用1：网页图标假设一个网站需要一个小图标来表示其品牌，该图标需要具有透明背景并且文件大小较小。
这种情况下，可以使用PNG-8格式的图像。
PNG-8支持透明度，并且由于使用256色调色板，文件大小相比其他格式更小。
实例使用2：UI图标设计一个移动应用程序的用户界面，其中包括一些图标按钮，如设置、分享等。
这些图标通常是小尺寸且颜色较少，可以使用PNG-8格式来保持图像质量的同时减小文件大小。
2.PNG-24：PNG-24支持真彩色图像和高透明度，适用于复杂的图像和照片。
它提供了更好的细节保留和准确的颜色还原。
它的文件大小通常比JPEG格式大，因为它是无损压缩的。
实例使用1：照片如果要在网站或数字媒体上展示一个复杂的照片，如风景照片或人物照片，PNG-24格式是一个不错的选择。
它可以保留照片的细节，同时支持透明度，使照片在网页上呈现更加准确和清晰。
实例使用2：透明背景图像如果需要一个具有透明背景的图像，同时还需要保持图像的细节和颜色准确，PNG-24是最佳选择。
例如，设计师常常使用PNG-24格式来创建具有透明背景的标志，以便能够在不同颜色或背景的背景上使用。
总结：PNG格式有两种主要类型：PNG-8和PNG-24、PNG-8适用于简单的图像和动画，支持256色，并且可以保留图像的细节同时减小文件大小。
PNG-24适用于复杂的图像和照片，支持真彩色和高透明度，并且可以保留较高的细节和准确的颜色。
图形文件格式大全一、BMP格式BMP是英文Bitmap（位图）的简写，它是Windows操作系统中的标准图像文件格式，能够被多种Windows应用程序所支持。
随着Windows操作系统的流行与丰富的Windows应用程序的开发，BMP位图格式理所当然地被广泛应用。
这种格式的特点是包含的图像信息较丰富，几乎不进行压缩，但由此导致了它与生俱生来的缺点--占用磁盘空间过大。
所以，目前BMP在单机上比较流行。
二、GIF格式GIF是英文Graphics Interchange Format（图形交换格式）的缩写。
顾名思义，这种格式是用来交换图片的。
事实上也是如此，上****80年代，美国一家著名的在线信息服务机构CompuServe针对当时网络传输带宽的限制，开发出了这种GIF图像格式。
GIF格式的特点是压缩比高，磁盘空间占用较少，所以这种图像格式迅速得到了广泛的应用。
最初的GIF只是简单地用来存储单幅静止图像（称为GIF87a），后来随着技术发展，可以同时存储若干幅静止图象进而形成连续的动画，使之成为当时支持2D动画为数不多的格式之一（称为GIF89a），而在GIF89a图像中可指定透明区域，使图像具有非同一般的显示效果，这更使GIF风光十足。
目前Internet上大量采用的彩色动画文件多为这种格式的文件，也称为GIF89a格式文件。
此外，考虑到网络传输中的实际情况，GIF图像格式还增加了渐显方式，也就是说，在图像传输过程中，用户可以先看到图像的大致轮廓，然后随着传输过程的继续而逐步看清图像中的细节部分，从而适应了用户的"从朦胧到清楚"的观赏心理。
目前Internet 上大量采用的彩色动画文件多为这种格式的文件。
但GIF有个小小的缺点，即不能存储超过256色的图像。
尽管如此，这种格式仍在网络上大行其道应用，这和GIF图像文件短小、下载速度快、可用许多具有同样大小的图像文件组成动画等优势是分不开的。
6.2 数字APP图标常见尺寸与设计规范知识要点1.APP图标设计遵循的图标尺寸标准2.图标（iCON）设计规范3.按钮（Button）设计规范课程目标1.了解Android、ios系统图标的尺寸要求2.了解手机APP设计规范以及对于图片采用格式一、失之毫厘，谬以千里。
在手机APP图标设计中要严格遵循图标尺寸标准APP的图标（ICON）不仅指应用程序的启动图标，还包括状态栏、菜单栏或者是切换导航栏等位置出现的其他标识性图片，所以IOCN指的是所有这些图片的合集。
由于不同设备的屏幕密度不同，ICON也受这一密度制约。
a ndroid平台不同屏幕密度下图标的具体尺寸要求：在低、中、高和特高密度屏幕密度中，程序主界面、启动图标和菜单栏的尺寸分别为36X36、48X48、72X72、96X96；状态栏、列表显示、切换、标签和对话框尺寸为：24X24、32X32、48X48、72X72；根据不同屏幕密度来确定图标的具体尺寸，才能让用户得到更好的体验。
说过Android的图标。
iOS的图标，按手机、设备版本类型区分如下表不同版本的iPhone拥有不同尺寸分辨率的屏幕，所以其图标尺寸也有所区别。
APP Store中的启动图标无论哪个版本都是1024X1024；主屏幕图标1-3代为57X57，后面的为114X114；搜索图标1-3代为29X29,4-7普通版为58X58，plus版为87X87；标签栏1-3代为38X38，其他为75X75；工具栏和导航栏图标1-3代为30X30,4-7普通版本为44X44，plus为66X66。
需要提醒的是，在图标设计中请用栅格化系统进行设计。
如果设计尺寸为1024 x 1024 px，尽可能的采用黄金比例设计。
能让图标得到更好的显示效果。
二、手机APP设计规范指对整套APP界面进行视觉设计UI风格的统一，对界面元素的样式、颜色、图标按钮和大小设定统一的规范和使用原则。
方便以后协调合作和APP视觉迭代。
电脑图标的格式
Windows格式为ico格式
–ico为一组图像合集，不同尺寸组成，包括16x16，24x24，32x32，48x48，64x64，128x128，256x256等尺寸
Mac格式为icns格式
–相比ico格式拥有更多的尺寸，比如512x512尺寸
尺寸
一个电脑图标都是由一组图像，各种不同的格式(大小和颜色) 组成。
比如Windows系统图标包括16x16，24x24，32x32， 48x48，64x64，128x128，256x256一组图像组成。
Mac ox系统则还要包括512x512，1024x1024这样的大尺寸图标。
颜色
颜色的数量一直在稳定的发展，从最早的1 位两种颜色(通常是黑色和白色)，到4位 16种颜色，到8位256种颜色。
如今的电脑显示屏色彩已经远远超过人眼视觉范围，色彩将不再限制图标的发展。
Windows和Mac图标尺寸对照
图标的样式
GIF和BMP支持像素效果，不支持半透明。
Png支持透明/阴影/立体效果。
ico和icns支持png图片，但是小尺寸，如16x16需要重新绘制。
XBMXPM-X系统下的图标文件一）XBMXBM是单色的位图的表示方法。
从计算机历史的演变来看，这个应该是比较早在计算机中使用的图标文件格式。
XBM是直接用C语言描述的单色位图格式。
示例：#define FOO_width 8#define FOO_height 8#define FOO_x_hot 0#define FOO_y_hot 7static unsigned char FOO_bits[] ={ 0x3E, 0x80, 0x00, 0x7C, 0x00, 0x82, 0x41, 0x00};解释：1）4个宏定义中，前两个是必须的。
即定义位图的宽和高。
后两个是可选的，定义位图的热点。
啥是热点？这种位图一般是用来当图标用的。
比如作为鼠标，那么鼠标图片其实是个矩形，而热点就是这个矩形里那个“鼠标尖”所在位置的坐标。
2）跟着后面的数组就是位图数据。
单色位置即一个像素用一个BIT表示。
如果图片宽度不是8的倍数，那么一行数据的最后一个字节的后几个BIT将被忽略，即不使用。
3）XBM有两种格式，一种是X10格式，一种是X11格式。
不同之处在于像素数据的打包方式。
X10是用16BIT的unsigned short来表示像素数据，而X11是用8BIT的unsigned char来打包像素数据。
4）YY一下：早期的计算机是单色的，表达的东西也很简单明了。
而且设计得很“程序员化”，即可与程序代码兼容，即直接把它当成C源代码编译，也可以当成独立的文件保存。
因为可以专门设计工具来打开并渲染这种文件。
二）XPMXPM是XBM的扩展。
它支持单色位图，也支持不同灰阶位图，也支持彩色位图。
这种格式保持了XBM的“程序员化”设计，也是直接用C语言来描述的。
而且还有ASCII艺术的影子在里面。
ASCII艺术是早期计算机里比较经典且流行的一种程序员艺术。
就是用不同的字母和符号来画图。
其核心结构是这样，用C语言的字符串数组来表示。
