解析PNG图像文件

PNG图像文件介绍

PNG图像文件格式

PNG是可携式网络图像（portable network graphics）的英文缩写。PNG是从网络上开始发展的，目的是替代GIF和JPG格式，PNG图像文件格式也是当今游戏中常用的图像资源文件格式了。PNG图像文件支持的图像颜色非常丰富，存储灰度图时可使用16位色深表示，存储真彩色图像时色深更可达到48位之多。

PNG图像文件介绍

与BMP格式相比，PNG格式稍微复杂些。PNG图像支持从0～255级次的多层透明色，使用无损压缩的zlib压缩算法压缩图像数据。通常使用zlib压缩过的图像文件大小比BMP使用的RLE压缩的效果好，BMP的RLE压缩算法只支持压缩8位以下的图像，对于16位以上的真彩色图像不支持图像压缩，PNG使用的zlib压缩算法支持任何色深的图像数据压缩，压缩后的图像数据可以完整还原，相比之下JPG需要牺牲图像质量使用有损压缩来获得大的压缩率。

最后有一点需要注意，PNG图像格式使用Big-Endian顺序存储数据。

PNG图像文件存储结构（1）

PNG文件存储结构的格式可以在https://www.wendangku.net/doc/a711395824.html,/TR/REC-png.htm上找到定义。

BMP文件总体上由两部分组成，分别是PNG文件标志和数据块（chunks），如表5-8所示。其中数据块分为两类：关键数据块（critical chunk）和辅助数据块（ancillary chunks）。

表5-8 PNG文件的组成结构

PNG文件标志

数据块（chunks）

1．PNG文件标志

PNG文件标志由8字节数据组成：89 50 4E 47 0D 0A 1A 0Ah，其中50 4E 47对应的ASCII值是"PNG"。

2．数据块（chunks）

紧跟在PNG文件标志后面的数据是数据块（chunks），数据块（chunks）分为两类：关键数据块（critical chunks）和辅助数据块（ancillary chunks）。

关键数据块（critical chunk）在PNG文件中是必须有的，而辅助数据块（ancillary chunks）是可选的。

关键数据块（critical chunks）由4部分组成：文件头数据块（IHDR）、调色板数据块（PLTE）、图像数据块（IDAT）和图像结束数据（IEND），其中调色板数据块（PLTE）根据图像的色深可选。

辅助数据块（ancillary chunks）一共有14个，这些辅助数据块包含了很多信息，辅助数据块不是必须包含的。

PNG文件的关键数据块和辅助数据块的组织顺序如表5-9和表5-10所示。

表5-9 PNG文件的关键数据块(critical chunks)组织顺序

数据块名称允许多

个数据块

位置

文件头数据块（IHDR）不允许第一个数据块

调色板数据块（PLTE）不允许第二个数据块，可选

图像数据块（IDA T）允许如果有调色板数据块（PLTE），则是第三个数据块，如果没有调色板数据块（PLTE），则时第二个数据块。如果有多个图像数据块，则必须按图像数据连续存储

图像结束数据（IEND）不允许最后一个数据块表5-10 PNG文件的辅助数据块(ancillary chunks)组织顺序

数据块名称允许多个

数据块

位置

基色和白色点数据块

（cHRM）

不允许在PLTE和IDAT之前图像γ数据块（gAMA）不允许在PLTE和IDAT之前

ICCP(iCCP) 允许在PLTE之后IDAT之前如果有iCCP，则无sRGB

续表

数据块名称允许多

个

数据块

位置

样本有效位数据块（sBIT）不允许在PLTE和IDAT之前

标准RPG颜色（sRGB）不允许在PLTE之后IDAT之前如

果有sRGB，则无iCCP

背景颜色数据块（bKGD）不允许在PLTE之后IDAT之前

图像直方图数据块（hIST）不允许在PLTE之后IDAT之前

图像透明数据块（tRNS）不允许在PLTE之后IDAT之前

物理像素尺寸数据块

（pHYs）

不允许在IDAT之前

建议调色板（sPLT）允许在IDAT之前

图像最后修改时间数据块

（tIME）

不允许无限制

国际文本数据（iTXt）允许无限制

文本信息数据块（tEXt）允许无限制

压缩文本数据块（zTXt）允许无限制

PNG图像文件存储结构（2）

用图像可以清晰显示表5-9和表5-10之间的关系，如图5-13和图5-14所示。

（点击查看大图）图5-13 包含调色板数据块（PLTE）的PNG图像文件格式

（点击查看大图）图5-14 不包含调色板数据块（PLTE）的PNG图像文件格式

图中上标的含义如表5-11所示。

表5-11 上标的含义

符号含义

1 只有1个

+ 1个或多个

？0个或1个

* 0个或多个

| 2选1

PNG图像文件中每一块数据块的格式都是相同的，分别由4个部分组成，格式如表5-12所示。表5-12 PNG文件的数据块格式

字段名大小（单

位：字节）

描述

Length（长度） 4 指定数据块中的数据长度

Chunk Type Code（数据块类型码）4

数据块类型，例如

IHDR、PLTE、IDA T等

Chunk Data（数据块数据）Length 存储数据

CRC（循环冗余检测） 4 循环冗余码

CRC循环冗余码生成的计算方式是通过对Chunk Type Code和Chunk Data中的数据进行计算得到的，计算方式如下：

x32+x26+x23+x22+x16+x12+x11+x10+x8+x7+x5+x4+x2+x+1

PNG图像文件存储结构（3）

下面将讲解在PNG文件中的4个关键数据块（critical chunk）的含义。

①文件头数据块（IHDR）

文件头数据块（IHDR）它包含有PNG文件中存储的图像数据的基本信息，如图像的宽高、色深、颜色类型、压缩方式等。一个PNG文件只能有一个文件头数据块，表5-13列出了文件头数据块（IHDR）中各字段的含义。

表5-13 文件头数据块(IHDR) 中各字段的含义

字段名大小（单

位：字节）

描述

Width 4 图像宽度，以像素为单位Height 4 图像高度，以像素为单位

Bit depth 1 图像深度：

索引彩色图像：1，2，4或8 灰度图像：1，2，4，8或16 真彩色图像：8或16

ColorType 1 颜色类型：

0：灰度图像，1，2，4，8或16

2：真彩色图像，8或16

3：索引彩色图像，1，2，4或8

4：带α通道数据的灰度图像，8或16 6：带α通道数据的真彩色图像，8或16

Compression

method

1 压缩方法（LZ77变种算法）

Filter method 1 滤波器方法

Interlace method 1

隔行扫描方法：

0：非隔行扫描

1：Adam7（由Adam M.

Costello开发的7遍隔行扫描方法）

文件头数据块（IHDR）结构可以使用如下代码定义：

typedef struct {

DWORD btChunkLen;

CHAR btChunkType[4];

} PNG_CHUNK_HEADER;

typedef enum pngColorSpaceType {

GrayScale = 0,

TrueColor = 2,

Indexed = 3,

AlphaGrayScale = 4,

AlphaTrueColor = 6

} PNG_COLOR_SPACE_TYPE;

// Compression Methods

typedef enum pngCompressionMethod {

Deflate = 0

} PNG_COMPR_METHOD;

// Filter Methods

typedef enum pngFilterMethod {

AdaptiveFiltering = 0

} PNG_FILTER_METHOD;

// Interlace Methods

typedef enum pngInterlaceMethod {

NoInterlace = 0,

Adam7Interlace = 1

} PNG_INTERLACE_METHOD;

// IHDR data

typedef struct {

UINT width;

UINT height;

BYTE bit_depth;

PNG_COLOR_SPACE_TYPE color_type;

PNG_COMPR_METHOD compr_method;

PNG_FILTER_METHOD filter_method;

PNG_INTERLACE_METHOD interlace_method;

} IHDR_CHUNK_DATA;

②调色板数据块（PLTE）

PNG的调色板数据块（PLTE）和之前介绍BMP图像格式中的调色板类似，都是提供给8位色深以下的图像使用。PNG的调色板由3个字节组成，每个字节分别表示红、绿、蓝三色的颜色值。

对于PNG图像文件来说，大于8位色深的图像，如真彩色图像也可以使用调色板，目的是便于非真彩色显示程序用它来量化图像数据，从而显示该图像。

一个PNG文件只能有一个调色板数据块，调色板数据块从下标0开始，表5-14列出了调色板数据块（PLTE）中各字段的含义。

表5-14 调色板数据块(PLTE) 中各字段的含义

字段名大小（单

位：字节）

描述

btRed 1 红色颜色值

btGreen 1 绿色颜色值

btBlue 1 蓝色颜色值

调色板数据块（PLTE）结构可以使用如下代码定义：

typedef struct {

BYTE btRed ;

BYTE btGreen;

BYTE btBlue;

} PNG_PALETTE_PIXEL;

PNG图像文件存储结构（4）

③图像数据块（IDAT）

PNG的图像数据块（IDA T）存储图像的实际数据，相当于BMP图像的图像数据，由于PNG 可包含多幅图像，所以PNG的图像数据块可能是由一幅图像的数据组成，也可能是由多幅图像的数据组成。

图像数据块中的图像数据可能是经过变种的LZ77压缩编码DEFLATE压缩的，关于DEFLATE详细介绍可以参考《DEFLATE Compressed Data Format Specification version 1.3》，网址：https://www.wendangku.net/doc/a711395824.html,/rfc/rfc1951.txt。

图像数据块（IDA T）结构可以使用如下代码定义：

PNG_CHUNK_HEADER chunkHdr;

BYTE idatChunkData[chunkHdr.btChunkLen];

DWORD idatCrc ;

④图像结束数据（IEND）

PNG的图像结束数据（IEND）用来标记PNG文件结束，并且必须要放在文件的尾部。一般情况下，所有PNG图像结束数据（IEND）的十六进制数值都是一样的，具体的数值如下：

00 00 00 00 49 45 4E 44 AE 42 60 82

PNG的辅助数据块（ancillary chunks）一共有14个，可以分为5类，如表5-10所示，由于篇幅关系不能将全部辅助数据块（ancillary chunks）的详细结构进行说明，如果读者有兴趣请参考https://www.wendangku.net/doc/a711395824.html,/TR/REC-png.html。

分析PNG图像文件结构（1）

结合上面对PNG文件的分析，下面分别对256色和16位色的PNG图像进行十六进制分析，通过分析PNG文件让读者更深入了解PNG文件格式。

如图5-15和图5-16所示，分别为256色PNG图像pic1.png和16位色PNG图像pic2.png。其中pic1.png图像的分辨率为200×150，文件大小为19 534 字节。pic2.png图像的分辨率为200×150，文件大小为104 744字节，带透明通道。

图5-15 pic1.png图像

图5-16 pic2.png图像

现在来分析pic1.png的图像文件，在Winhex中打开pic1.png，如图5-17所示。

（点击查看大图）图5-17 在Winhex中打开pic1.png文件

首先分析PNG的文件标志。根据PNG文件的定义，从文件头开始前8字节数据是PNG文件的标志，如图5-18所示。

（点击查看大图）图5-18 PNG文件的文件标志

接下来应该就是PNG文件的数据块结构了，按照前面对PNG文件结构的分析，第一个数据块应该是文件头数据块（IHDR）数据块，文件头数据块（IHDR）定义了PNG文件的宽高、色深、压缩方法等参数，如图5-19所示。

（点击查看大图）图5-19 文件头数据块（IHDR）结构

分析PNG图像文件结构（2）

表5-15归纳了pic1.png图像文件中文件头数据块（IHDR）中各字段的含义。由于PNG文件使用Big-Endian顺序存储数据，所以不需要反转字节数据理解。

表5-15 pic1.png图像文件中文件头数据块(IHDR)的各字段含义

十六进制值描述

00 00 00 0D 文件头的数据长度，00 00 00 0D =13

49 48 44 52 数据块类型标志，49 48 44 52的ASCII值等于IHDR

00 00 00 C8 图像的宽度，00 00 00 C8 = 200

00 00 00 96 图像的高度，00 00 00 96 = 150

08 色深，表示2的8次幂等于256色

03 03表示索引图像

00 00表示使用Deflate压缩编码压缩图像数据

00 00表示为将来使用更好的压缩方法预留

00 00表示非隔行扫描

AC 02 37 2B AC 02 37 2B表示CRC

从表5-14看到pic1.png文件的文件头数据块（IHDR）结构中的CRC字段的值为AC 02 37 2B，这个CRC值是按照从数据块类型标志字段到CRC字段前一字节的数据计算而来的，即使用数据49 48 44 52 00 00 00 C8 00 00 00 96 08 03 00 00 00计算，CRC的计算代码如下：

/*8位消息的CRC表格*/

unsigned long crc_table[256];

/*Flag：CRC表格计算完了吗？初始化False*/

int crc_table_computed = 0;

/*写一个CRC表格*/

void make_crc_table(void)

{

unsigned long c;

int n, k;

for (n = 0; n < 256; n++) {

c = (unsigne

d long) n;

for (k = 0; k < 8; k++) {

if (c & 1)

c = 0xedb88320L ^ (c >> 1);

else

c = c >> 1;

}

crc_table[n] = c;

}

crc_table_computed = 1;

}

/*使用bu[0..len-1]更新CRC表格*/

unsigned long update_crc(unsigned long crc, unsigned char *buf,

int len)

{

unsigned long c = crc;

int n;

if (!crc_table_computed)

make_crc_table();

for (n = 0; n < len; n++) {

c = crc_table[(c ^ buf[n]) & 0xff] ^ (c >> 8);

}

return c;

}

/* 返回CRC表格buf[0..len-1]. */

unsigned long crc(unsigned char *buf, int len)

{

return update_crc(0xffffffffL, buf, len) ^ 0xffffffffL;

}

main()

{

/*计算CRC需要的初始化数据，不同的数据块有不同的初始化数据*/

unsigned char buf[17] = {

0x49,0x48,0x44,0x52,0x00,0x00,0x00,0xC8,0x00,

0x00,0x00,0x96,0x08,0x03,0x00,0x00,

0x00

};

unsigned long value=0;

value= crc(buf,17);

}

继续分析下面的数据块，PNG图像文件的数据块类型由数据块类型标志决定，按照PNG图像文件中数据块的数据结构分析，接下来的数据块是物理像素尺寸数据块（pHYs），物理像素尺寸数据块（pHYs）指定像素大小或图像的宽和高的比例。

表5-16所示为物理像素尺寸数据块（pHYs）中各字段的含义。

表5-16 物理像素尺寸数据块(pHYs) 中各字段的含义

字段名大小（单

位：字节）

描述

physPixelPerUnitX 4 每单位多少像素，x轴physPixelPerUnitY 4 每单位多少像素，y轴

UnkownUnit，Meter 1 枚举类型，UnkownUnit=0，表示只定义了像素显示的比例，未定义实际像素大小。

枚举类型，Meter=1，表示定义单位为米

物理像素尺寸数据块（pHYs）的结构可以用以下代码定义：

PNG_CHUNK_HEADER chunkHdr ;

uint physPixelPerUnitX;

uint physPixelPerUnitY;

enum {

UnkownUnit = 0,

Meter = 1

} pHYs;

DWORD pHYsCrc;

图5-20所示为pic1.png中的物理像素尺寸数据块（pHYs）的结构。

（点击查看大图）图5-20 pic1.png中的物理像素尺寸数据块（pHYs）的结构分析PNG图像文件结构（3）

表5-17所示为pic1.png图像文件中物理像素尺寸数据块（pHYs）中各字段的含义。表5-17 pic1.png图像文件中物理像素尺寸数据块(pHYs)中各字段的含义

十六进制值描述

00 00 00 09 物理像素尺寸数据块的长度，00 00 00 09 =9

70 48 59 73 数据块类型标志，70 48 59 73的ASCII值等于pHYs

00 00 0B 13 x轴上每米像素的数量，00 00 0B 13 = 2835，即每米2835个像素

00 00 0B 13 y轴上每米像素的数量，00 00 0B 13 = 2835，即每米2835个像素

01 Meter=1，将单位定义为米

00 9A 9C 18 CRC值

继续分析下面的数据，按照前面的分析方法，分析出接下来的数据块是iCCP，iCCP数据块是PNG解码时进行特殊的颜色处理信息。

iCCP数据块的结构可以用以下代码定义：

PNG_CHUNK_HEADER chunkHdr

typedef struct {

string profile_name;

unsigned byte red;

} PNG_ICCP_CHUNK_DA TA;

DWORD ICCPCrc;

图5-21所示为pic1.png中的iCCP的数据结构。

（点击查看大图）图5-21 pic1.png图像文件中iCCP数据块结构

（点击查看大图）图5-21 pic1.png图像文件中iCCP数据块结构表5-18所示为pic1.png图像文件中的iCCP数据块各字段的含义。

表5-18 pic1.png图像文件中的iCCP数据块各字段的含义

十六进制值描述

00 00 0A 4D ICCP 数据块的长度，00 00 0A 4D = 2637

69 43 43 50

数据块类型标志，69 43 43 50的ASCII 值等于

iCCP

50 68 6F 74 6F 73 68 6F 70 20 49 43 43 20 70 72 6F 66 69 6C 65 00 配置文件名，长度1～79字节，以0作为终止符的字符串。 50 68 6F 74 6F 73 68 6F 70 20 49 43 43 20 70 72 6F 66 69 6C 65 00的ASCII 值等于Photoshop ICC profile 00

压缩方法，0表示使用deflate 压缩 78 DA 9D 53～F7 84 F3 FB

压缩后的配置文件，解码时使用

继续分析下面的数据，按照前面的分析方法，分析出接下来的数据块是gAMA ，gAMA 数据块是PNG 解码时进行gamma 校正的信息。 gAMA 数据块的结构可以用以下代码定义：

PNG_CHUNK_HEADER chunkHdr;

BYTE gamaChunkData[chunkHdr.btChunkLen]; DWORD gamaCrc;

图5-22所示为pic1.png 中的gAMA 的数据结构：

（点击查看大图）图5-22 pic1.png 图像文件中gAMA 数据块结构

分析PNG 图像文件结构（4）

表5-19所示为pic1.png 图像文件中的gAMA 数据块各字段的含义。 表5-19 pic1.png 图像文件中的gAMA 数据块各字段的含义

十六进制值 描 述

00 00 00 04

gAMA 数据块的长度，00 00 00 04 = 4

67 41 4D 41 数据块类型标志，67 41 4D 41的ASCII值等于gAMA

00 00 B1 8E gamma校正信息

7C F8 51 93 CRC值

继续分析下面的数据，按照前面的分析方法，分析出接下来的数据块是cHRM，cHRM是在设备不能够显示正确的颜色时，使图像尽可能校正颜色的信息，也叫做设备无关的颜色信息。

cHRM数据块的结构可以用以下代码定义：

typedef struct {

uint x;

uint y;

} PNG_POINT;

typedef struct {

PNG_POINT white;

PNG_POINT red;

PNG_POINT green;

PNG_POINT blue;

} PNG_CHRM_CHUNK_DATA;

PNG_CHUNK_HEADER chunkHdr;

PNG_CHRM_CHUNK_DA TA chrmChunkData;

DWORD chrmCrc;

图5-23所示为pic1.png中的cHRM的数据结构。

（点击查看大图）图5-23 pic1.png图像文件中cHRM数据块结构

表5-20所示为pic1.png图像文件中的cHRM数据块各字段的含义。

表5-20 pic1.png图像文件中的cHRM数据块各字段的含义

十六进制

值

描述

00 00 00 20 cHRM数据块的长度，00 00 00 20 = 32

63 48 52 4D 数据块类型标志，63 48 52 4D的ASCII值等于cHRM

00 00 7A 25 白色点的x轴坐标，00 00 7A 25 = 31269 续表

十六进制值描述

00 00 80 83 白色点的y轴坐标，00 00 80 83 = 32899

00 00 F9 FF 红x坐标，00 00 F9 FF = 63999

00 00 80 E9 红y坐标，00 00 80 E9 = 33001

00 00 75 30 绿x坐标，00 00 75 30 = 30000

00 00 EA 60 绿y坐标，00 00 EA 60 = 60000

00 00 3A 98 蓝x坐标，00 00 3A 98 = 15000

00 00 17 6F 蓝x坐标，00 00 17 6F = 5999

92 5F C5 46 CRC值

继续分析下面的数据，按照前面的分析方法，分析出接下来的数据块是调色板数据块（PLTE），因为pic1.png是256色图像，所以应该有256个调色板项，每个调色板项占3字节。

调色板数据块（PLTE）的结构可以用以下代码定义：

typedef struct {

BYTE btRed;

BYTE btGreen;

BYTE btBlue;

} PNG_PALETTE_PIXEL;

PNG_CHUNK_HEADER chunkHdr;

PNG_PALETTE_PIXEL plteChunkData[chunkHdr.btChunkLen/3];

DWORD plteCrc;

分析PNG图像文件结构（5）

图5-24所示为pic1.png中的调色板数据块（PLTE）的数据结构。

（点击查看大图）图5-24 pic1.png图像文件中调色板数据块（PLTE）结构

（点击查看大图）图5-24 pic1.png图像文件中调色板数据块（PLTE）结构表5-21 所示为pic1.png图像文件中的调色板数据块（PLTE）各字段的含义。

表5-21 pic1.png图像文件中调色板数据块(PLTE)各字段的含义

十六进制值描述

00 00 03 00 PLTE数据块的长度，00 00 03 00 = 768

50 4C 54 45 数据块类型标志，50 4C 54 45的ASCII值等于PLTE

00 00 00 调色板第1个索引FF FF FF 调色板第2个索引EA FF FF 调色板第3个索引…………调色板第…个索引E4 DC DC 调色板第255个索引FF FF FF 调色板第256个索引7D 2C 3D CRC值

网页中图像的格式

网页中使用的图像可以是JPEG、GIF、PNG、BMP、TIFF等格式的图像文件，美观的图片会为网站添加新的活力。给用户带来更直观的感受。但是网页上的图片如果过多，也会影响网站的浏览速度，所以要合理适当的使用图像。 JPEG/JPG是网页设计中常见的图像格式，它支持数百万种颜色，因此最适合数码图片，具有颜色过渡的图像和任何需要256种以上颜色的图像。 GIF是网页中最常用的图像格式，它最多可以包含256中颜色，同时还可以包含一块透明的区域和多个动画帧，因此GIF格式通常适用于卡通，徽标，包含透明区域的图形以及动画，一般网站的标志都是用GIF格式。GIF格式最大的优点就是可以制作动态的图像，它可以将数张静态图片作为动画帧串联起来，转换成一个动画文件。GIF的另一个格式的优点就是可以将图片以交错的方式在网页中显示，所谓交错显示就是指当图片尚未下载完成时，浏览器就会先以马赛克的形式将图片慢慢显示，让浏览者可以大概猜出显示图片的雏形，此时浏览者可以选择要不要继续等待下载此图片，还是先去浏览其他网页。 PNG是网页中的通用格式，最多可以支持32位的颜色，可以包含透明度或ALPHA通道，同时它也是网页制作的默认文件格式，但是其中包含的特定附加信息，如果没有插件支持，浏览器可能无法正常显示这种格式的图片。 BMP文件格式是Windows环境中交换与图有关的数据的一种标准，因此在Windows环境中运行的图形图像软件都支持BMP图像格式。由于BMP它采用位映射存储格式，除了图像深度可选以外，不采用其他任何压缩，因此，BblP文件所占用的空间很大。所以网页中不能过多使用此格式，否则会严重影响网站浏览速度。 1.JPG格式比较适合用来存储照片。颜色丰富，压缩比高，文件尺寸较小。 2.GIF格式可以用来做动画。颜色种类少，256种，尺寸小。 3.PNG可以用来做小图标（icons），按钮，背景等等。因为包含alpha通道，所以支持图片透明。

如何优化PNG图片减小图片文件大小

简介 PNG(Portable Network Graphic Format，PNG)图片是一种图像文件存储格式，其目的是试图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。 正是由于PNG图片在网页中使用的优越性，现在大量的网站图片使用PNG图片，可是很多时候我们做出来的PNG图片尺寸太大，这就需要使用专门的软件对PNG图片尺寸进行压缩优化。 工具/原料 PhotoShop 7.01以上版本 OptiPNG工具软件 使用PhotoShop优化PNG图片 使用PhotoShop打开要优化的PNG图片，点击菜单“文件”→“存储为WEB格式...”。

在“存储为WEB格式”对话框中将预设值设置为“PNG-8 128仿色”，根据图片颜色复杂度设置图片颜色：2、4、8、16、32、64、128、256，颜色数越少能够显示的颜色越少，图片尺寸越小。

设置时可以在图片下方的状态栏看到优化后的图片文件大小，调整到自己满意的尺寸和图片质量后点击“存储”按钮。 使用OptiPNG软件优化PNG图片 网络上很多PNG图片通过JPG图片转换而来，这一类PNG图片往往尺寸比较大（很多比原JPG图片还要大），这一类图片建议使用OptiPNG软件来进行优化。 从OptiPNG官方网站（可以在百度搜索“OptiPNG”）下载软件的ZIP压缩包。 请选择文件名中包含“win32”的zip包来在Windows中使用。

下载后使用压缩软件打开压缩包，将其中的“optipng.exe”文件解压缩到桌面上。 将optipng.exe复制到需要转换的PNG图片文件夹中，打开Windows的命令提示符（在桌面按Windows徽标键+R开启“运行”对话框，输入CMD命令），在命令提示符中进入到PNG 图片所在文件夹，输入命令：optipng PNG图片名。 如果要将目录中所有PNG图片进行优化压缩，可以输入命令：optipng *.png 命令行窗口会执行压缩命令并显示执行详情，压缩完成后会返回命令输入提示界面。

ICON图标绘制心得

一、选取icon制作工具; 最受图标设计界牛人们推崇的专业icon/ico图标制作软件——Axialis IconWorkshop。 二、确立icon制作题材; 软件图标是软件的形象代言人，想让用户一眼就注意到你的图标，并能通过图标迅速理解此软件的实际作用，这就要求icon图标必须直观、特色，初学者得自己先了解相关应用的精髓才好。 三、选择icon制作图标风格; 一般来说，icon图标有三种表达方式：图像表现、文字表现、图文结合表现。接下来我们开始本文的重头戏——如何使用专业图标制作工具进行icon制作。 1、纯图像icon制作方法。 打开 IconWorkshop，初学者可通过三种方式获得icon图像素材——从IconWorkshop外部导入你自己准备的本地图像素材、挑选IconWorkshop管理器内提供的免费图像素材、在IconWorkshop面板内自行绘制icon图像(PS如果你的绘图能力不算强，我推荐你使用前两种方法)。 图像在 IconWorkshop内打开之后，开始具体的icon图标制作，完成后保存icon格式图标，纯图像icon图标制作成果： 图像选择贴切，像上图中的光碟和耳麦图像，用户一看就能明白这是影音播放器了~ 2、纯文字icon制作方法。 文字简洁明了，直接告诉你它是谁，是展现图标意义最直观的方法。进行纯文字icon 制作，首先要准备纯文字的图片素材，或者在IconWorkshop图像编辑面板内使用添加文本(快捷键Ctrl+T)功能，输入相关文字，接着由图像新建Macintosh图标，完成后保存icon格式图标，纯文字icon图标制作成果： 3、图文结合icon制作方法。 图文结合的图标很生动，既展示了软件具体形象，又含有直观的文字表达，但是制作起来就稍微困难了那么一点，初学者需要把握住图文组合尺度。 同样的，三种方法!打开IconWorkshop，准备好图文结合的png图像素材直接制作icon

ui,icon的基本规范

竭诚为您提供优质文档/双击可除ui,icon的基本规范 篇一：ui设计规范 命名规则 模块_类别_功能_状 态.pngnav_button_search_default.png导航_按钮_搜索_默认.png search搜索bg背景selected按钮状态（选中） button按钮nav导航栏disabled按钮状态（不可点击）tab菜单栏icon图标default按钮状态（默认） bg背景personaltada个人资料presses按钮状态（按下） user用户pop弹出back返回 refresh刷新delete删除eidt编辑 image图片download下载content内容 banner广告login登陆leftrightcenter左右中 registered注册title标题msg提示信息 link链接note注释logo标志 icon制作：

ios120px：icon_120@2x.png 80px:icon_small_40@2x.png 58px:icon_small@2x.png 114px:icon@2x.png android：36*36px：drawable-ldpi 48*48px：drawable-mdpi 72*72px：drawable-hdpi 96*96px：drawable-xhdpi android安卓系统dp/sp/px换算 名称分辨率比率rate（320px）比率rate（640px）idpi240*3200.750.375 mdpi320*48010.5 hdpi480*8001.50.75 xhdpi720*8002.251.125 xxhdpi1080*19203.3751.6875 android的图标尺寸 屏幕尺寸启动图标操作栏上下文 320*480px48*48px32*32px16*16px 480*800px 480*854px72*72px48*48px24*24px640*960px 720*1280px48*48dp32*32dp16*16dp 1080*1920xx4*144px96*96px48*48px

png图不能显示解决方法 (1)

IE不显示PNG图片不显示的解决 转载文章2010-09-02 21:51:40 阅读796 评论0 字号：大中小订阅 最近老是有图片显示红叉叉，后来发现这些图片后缀都是.png，于是到网上搜了好多方法，搞了老半天终于成功了。有一些细节是自己琢磨出来的，之前走了不少弯路，用红字贴出来共享： 一、使用开始->运行，在运行输入框中输入“regsvr32 c:\windows\system32\pngfilt.dll”（然后点击确定） 注意，这个pngfilt.dll在有的系统中是在c:\windows\system中的，要自己查看一下这文件在哪里，根据自己的系统修改一下路径。如果在注册时出现“已加载c:\windows\system32\pngfilt.dll，但没有找到DllRegisterSever 输入点。无法注册这个文件”，则表明这个文件可能损坏了，你要去别的机子去Copy一个好的过来。再进行一次注册。（也可以去网上下载一个pngfilt.dll，切记在覆盖原文件时一定要在系统 的安全模式下，否则系统会不断还原） 【我是用这个方法成功显示图片的，在发现这个细节前以下方法我也试了，最后成功不知是否是共同作用 的结果】 二、1、“开始”菜单——“ 运行”，在打开处输入“regsvr32 pngfilt.dll”——点“确定”。 2、“开始”菜单——“ 运行”，在打开处输入“regedit”——点“确定”打开注册表编辑。 3、找到HKEY_LOCAL_MACHINE/SOFTWARE/MICROSOFT/INTERNET EXPLORER/EMBEDEXTNTOCLSIDMAPPINGS 文件夹（左边） 点“EMBEDEXTNTOCLSIDMAPPINGS”看其子文件夹里有没有“.PNG” 4、假若没有“.PNG”文件夹，则选定“EMBEDEXTNTOCLSIDMAPPINGS”文件夹，指着它点鼠标右键——新建“项”——将新建文件夹命名为“.png”——选定新建的“.png”——在右边栏空白处，点鼠标右键——新建“字符串值”——将新建“字符串值”命名为“clsid”（也可用重命名）——双击打开“clsid”——在“数值数据”填“02BF25D5-8C17-4B23-BC80-D3488ABDDC6B”——点“确定”即可。 5、关闭IE浏览器,重新打开IE,这时png图片就能正常显示了。 三、开始-> 运行，在运行输入框中输入“Regedit”，到这个路径 “HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Internet Settings\Accepted Documents ”，在右边右键“新建”->“字符串值” 紧接着最大的数字命名，我这里是3，故命名为4，并赋值为“image/png” （第二个方法用的比较有效） __________________________________________________________________________________ _________________________ 这几天鼓捣电脑，来回的变换一些文件，导致电脑IE浏览器不能显示PNG图片，而其他类型均正常，上网找到一个解决方法，然后略加补充，贴到这里，便于以后出现这样问题能够很快解决。 1、解决IE不显示PNG图片（很多验证码无法显示的问题）

CISCO常用网络图标

https://www.wendangku.net/doc/a711395824.html,
Course Number Updated_01-02-01
? 2001, Cisco Systems, Inc.
1

Icons: Cisco Products
RouterColor and subdued Router w/Silicon Switch Wavelength Router Workgroup Director Server with PC Router 100BaseT Hub uBR910 Cable DSU CDDI/ FDDI Concentrator PC Adapter Card
Si
SwitchProbe
SoftwareBased Router on File Server
Protocol Translator
PC Router Card
TransPath
CiscoWorks Workstation
Cisco Hub
Bridge Workgroup Switch Color/Subdued
Small Hub (10BaseT Hub)
Access Server
NetFlow Router
Workgroup Switch Voice-Enabled
Terminal Server
Updated_01-02-01
? 2001, Cisco Systems, Inc.
2

Icons: Cisco Products (Cont.)
Si
Route/Switch Processor with and without Si
PC with RouterBased Software Switch Processor IP Transport Concentrator ASIC Processor General Processor
PC with Software
ATM Switch
Cisco CA
PXF
LAN2LAN Switch
MicroWeb Server
VIP
ISDN Switch
Label Switch Router BBSM
Content Engine
Cisco 5500 Family Broadband Router
MultiSwitch Device
ATA
V
Management Engine (ME 1100)
ITP
ITP
3
Updated_01-02-01
? 2001, Cisco Systems, Inc.

PNG图片详解与加密解密方法.pdf

PNG图片详解与加密解密方法 PNG文件格式分为PNG-24和PNG-8，其最大的区别是PNG-24是用24位来保存一个像素值，是真彩色，而PNG-8是用8位索引值来在调色盘中索引一个颜色，因为一个索引值的最大上 限为2的8次方既128，故调色盘中颜色数最多为128种，所以该文件格式又被叫做PNG-8 128仿色。PNG-24因为其图片容量过大，而且在Nokia和Moto等某些机型上创建图片失败和显 示不正确等异常时有发生，有时还会严重拖慢显示速度，故并不常用，CoCoMo认为这些异常和平台底层的图像解压不无关系。不过该格式最大的优点是可以保存Alpha通道，同事也曾有过利用该图片格式实现Alpha 混合的先例，想来随着技术的发展，手机硬件平台的提 升，Alpha混合一定会被广泛的应用，到那时该格式的最大优势才会真正发挥。? PNG-8文件是目前广泛应用的PNG图像格式，其主要有六大块组成：?1.PNG文件标志，为固定的64个字节：0x89504e47 0x0d0a1a0a ?2.文件头数据块IHDR(header chunk) 3.调色板数据块PLTE(palette chunk) 4.sBIT,tRNS块?等。。。 5.图像数据块IDAT(image data chunk) 6.图像结束数据IEND(image trailer chunk)，固定的96个字节：0x00000000 0x49454e44 0xae426082 ?这六大块按顺序排列，也就是说IDAT块永远是在PLTE块之后，期间也会有许多其他的区块用来描述信息，例如图像的最后修改时间是多少，图像的创建者是谁等… ??数据块1-4：? 除了PNG文件标志，其中四大数据块和文件尾都是由统一的数据块文件结构描述的：? Chunk Length: 4byte? Chunk Type: 4byte? Chunk Data: Chunk Length的长度? Chunk CRC: 4byte ?例如IHDR块的数据长度为13，即? Chunk Length = 13 ? Chunk Type ="IHDR" IHDR块： ?用来描述图像的基本信息，其格式为： ?图像宽： 4byte ?图像高： 4byte ?图像色深： 4byte ?颜色类型： 1byte

PNG图片处理方法

非原创，原作者见谅 介绍一下这次教程的情况： 1.要会反编译。【反编译用的工具是apktool，大家可以论坛搜索一下，到处都是教程的】 2.电脑上得装有android SDK。【其实只要SDK目录下tools中的draw9patch工具，处理nine-patch图片的时候必须的。不想装SDK的同学百度一下draw9patch应该有的下载的。】 3.还需要足够的耐心。【机械般的重复动作比较多】 大家可以先把framework-res.apk反编译过来，然后定位到res\drawable-mdpi这个文件夹看看。打开之后你是不是发现里面的图片和以往图片有所不同呢？ 没错，反编译之后的图片也和xml一样现出原形了，一些需要拉伸的图片四周都多了一个像素的边框，带了一条黑线。这就是android UI 独特的图片格式*.9.png。它独特在哪呢？就是因为他有拉伸的特性。 比如普通的一个短信输入框，你发现他横屏和竖屏的情况下分辨率绝对是不同的，但是我可以很负责任的告诉你，两个框的图片却是同一张。但它却没有出现拉伸错误的现象，这就是*.9.png的威力了。 具体理解可以看看下面 图一为nine-patch图片拉伸的原理图，原始的nine-patch图片是在四个方向都有黑条的，黑条的宽度为一个像素，颜色为纯黑（RGB=000000）。编译后，黑条自动消失。上方和左方的黑条分别是横向和纵向的拉伸区域（用灰色强调了），如要横向拉升图片，将只会拉伸灰色区域。反之，如果只是普通图片，拉伸将会出现严重的失真（如图二）。 而下方和右方则分别表示内容的显示区域（也可以没有这两个内容区域横条，不影响一

Iphone4图标找回

Iphone4 上一篇下一篇 iPhone4图标路径大全 创建时间：2012年5月13日(星期天) 下午5:33 | 分类：未分类| 字数：11405 | 发送到我的Qzone | 另存为... | 打印| 添加到日历 iPhone4图标路径大全 Phone 电话/Applications/MobilePhone.app/icon.png Text 短消息/Applications/MobileSMS.app/icon.png iPod iPod播放器/Applications/MobileMusicPlayer.app/icon-MediaPlayer.png iTunes Music Store 音乐商店/Applications/MobileStore.app/icon.png Calculator 计算器/Applications/Calculator.app/icon.png Calendar

日历/Applications/MobileCal.app/icon.png Camera 相机/Applications/MobileSlideShow.app/icon-Camera.png Clock 时钟/Applications/MobileTimer.app/icon.png Cydia /private/var/stash/Applications/Cydia.app/icon.png Mail 电子邮件/Applications/MobileMail.app/icon.png Notes 记事本/Applications/MobileNotes.app/icon.png Maps Google地图/Applications/Maps.app/icon.png Photos 相册/Applications/MobileSlideShow.app/icon-Photos.png Safari 网页浏览器/Applications/MobileSafari.app/icon.png Settings 设置/Applications/Preferences.app/icon.png Stocks 股票/Applications/Stocks.app/icon.png Weather

PNG图片优化技术

PNG图片优化技术（一） 2010-07-27 11:49 引言 PNG图片优化技术，做为一名网页设计师你或许已经对png格式非常熟悉，png 提供了完整的透明度，这是一种无损的，功能强大的图像格式。能够很好代替gif图像格式。但是绝大多数人认为png不可被压缩，带着这样的疑问我们来认真看完下面这篇文章。每一种图像格式都有自己的优缺点，如果掌握了相关知识，在进行图像优化时能够针对图像进行相应处理，得到高品质的图像和高压缩率，这是图像优化的关键所在。png被称为开源的gif图像格式，它们之间有很多相同的地方（如：索引色），但png在每一个方面都要强于gif。它介绍了一些非常酷的功能，例如：图像封装和压缩，但对我们网页设计师来说最重要的还是线性过滤（也称为“三角过滤”）。 什么是线性过滤？ 这里介绍下它的原理，假如我们有一张5*5像素水平渐变的图片，如下图（每个数字代表了一种颜色） 通过上图你会发现相同的颜色都是在垂直方向上扩展，而不是水平方向。这样的图片如果用gif格式将很难获得高压缩率，它只压缩水平方向扩展的颜色（图像尺寸越大，越能说明问题）。让我们看看线性过滤是怎样将这类图像压缩的：

以数字2为标识的每一行都经过了“Up过滤”，“Up过滤”向 png 解码器发送信息：“对于当前的像素，提取上方像素的值，并将其添加到当前值”。图中第2-5行垂直方向都拥有相同的值。所以它们的值都是0，如果这样的图片越大那么压缩比率也越大。 在理想情况下，“Sub过滤”能提供更好的结果： 以数字1为标识的每一行都经过了“Sub过滤”，它发送信息给解码器：“当前像素提取左侧像素的值，添加到当前值”。例子中的值全为1，我想你大概也猜到这样的数据肯定能被有效的压缩。 线性过滤是非常重要的概念，尤其是在图片处理时可以针对过滤特点进行处理以便得到更好的过滤效果。png有5种过滤器：None（无过滤），Sub（当前值减去左侧像素的值），Up（减去上方像素的值），Average（减去左侧和上方像素的平均值）和Paeth（替换上方，左边或者上方的左边像素值，并重新以Alan Paeth 命名）。

最好的12个Icon图标资源网站整理分享出来

最好的12个Icon图标资源网站整理分享出来 1.除了Icon以外，还有很多不错的UI设计素材。 地址：https://www.wendangku.net/doc/a711395824.html,/ 2.除了免费Icon资源下载以外，还提供Icon定制的付费服务。 地址：https://www.wendangku.net/doc/a711395824.html,/ 3.很喜欢这个icon资源站的展示方式。 地址：https://www.wendangku.net/doc/a711395824.html,/ 4.Icones.pro，icon资源站，每日推荐的Icon资源还不错，可以按照浏览数，下载数等查看Icon资源。 地址：http://icones.pro/ 5.IconPNG 共收录 21372 个图标icons 和 416 个 icon 图标系列。 地址：https://www.wendangku.net/doc/a711395824.html,/ https://www.wendangku.net/doc/a711395824.html,就是一个帮您找免费图标的图标搜索引擎。有3000多套图片集和30多万个免费Icon资源。地址：https://www.wendangku.net/doc/a711395824.html,/ 7.IconFinder是我个人最喜欢的一个Icon资源站，拥有152,466 icons以及775 icon集,强烈推荐！ 地址：https://www.wendangku.net/doc/a711395824.html,/ 8.EasyIcon：拥有超过40万个Icon资源，完全收录Open Icon Library 11,489个图标。 地址：https://www.wendangku.net/doc/a711395824.html,/ 9.Incoarchive对于Icon的分类做得较好，目前约有253,428 icons以及 1,348Icon集。 地址：https://www.wendangku.net/doc/a711395824.html,/ 10.SoftIcons也是我很喜欢的一个Icon站，其最大的优点在于用户下载Icon集：） 地址：https://www.wendangku.net/doc/a711395824.html,/ 11.Icon资源搜索引擎，资源还比较丰富。 地址：https://www.wendangku.net/doc/a711395824.html,/ 12.一个设计感不错的Icon资源站点 地址：http://icon.io/

网页上不显示PNG图片

(1)、使用开始->运行，在运行输入框中输入“regsvr32 c:\windows \system32\pngfilt.dll”（然后点击确定）注意，这个pngfilt.dll在有的系统中是在c:\windows\system 中的，要自己查看一下这文件在哪里，根据自己的系统修改一下路径。如果在注册时出现“已加载c:\ windows\system32\pngfilt.dll，但没有找到DllRegisterSever 输入点。无法注册这个文件”，则表明这个文件可能损坏了，你要去别的机子去Copy一个好的过来。再进行一次注册。 (2)、有些人是因为自己系统的设置问题，即任意打开一个文件夹，在上方菜单上选择“工具”->“文件夹选项”->“文件类型”，选择下方的“还原”按钮。 (3)、开始-> 运行，在运行输入框中输入“Regedit”，到这个路径“HK EY_LOCAL_MACHINE＼SOFTWARE＼Microsoft ＼Windows＼C urrentVersion＼Internet Settings＼Accepted Documents”，在右边右键“新建”->“字符串值” 紧接着最大的数字命名，我这里是3，故命名为4，并赋值为“image/png”。 (4)、打开注册表[HKEY_CLASSES_ROOT＼MIME]，正常的情况下里面有几大项，不能打开png格式图片时仅有Database项。正常情况下，Database项下有上百项，异常情况下只有三四项。这事可以从别人正常的机子中（xp可以从vista中拷贝）拷来MIME项注册表

在自己机子上导入。有时是MIME权限出了问题（如空权限），只需全部删去再导入。 受限帐户(USERS组)在IE浏览器中无法显示png图片的解决办法(转自微软) 在Windows XP Pro SP3系统+ IE7浏览器的运行平台下，IE7突然无法显示png格式图片，导致浏览网页的时候大量图片、验证码等无法显示，但是用管理员的账号登陆以后IE浏览器图片显示则一切正常。之前也没有对系统进行改动或安装新软件，也没有安装过什么更新。然后对IE7进行了重装，甚至退回到了IE6浏览器都无效。接着在尝试新建一个管理员用户，在登录系统也是正常的，而受限的用户都有问题。 通过一翻搜索以后，发现大部分人说是pngfilt.dll文件被损坏所致，只需要在别的系统中复制一份pngfilt.dll文件过来，在放到C:\windo ws\system32里面，在“运行”中输入regsvr32 pngfilt.dll 即可。但是根据上面步骤操作完以后，还是没能成功修改IE浏览器的问题。 通过分析IE进程载入的模块，管理员访问含PNG图片的页面时都能正常载入pngfilt.dll ImgUtil.dll，而受限用户都能没有载入，运行reg

制作清晰的透明PNG图片的方法和技巧

Png是图像文件存储格式，在网页设计中已经不是一个陌生的名词，在前端开发中经常使用到它，如常用CSS 雪碧图。而Png的使用不仅仅如此，Png有多少种格式，有哪些特点，PC 端中常用的Png格式是哪些，手机端最合适的Png格式是什么呢?如果你对这些问题有疑问，那么 Png是图像文件存储格式，在网页设计中已经不是一个陌生的名词，在前端开发中经常使用到它，如常用CSS 雪碧图。而Png的使用不仅仅如此，Png有多少种格式，有哪些特点，PC 端中常用的Png格式是哪些，手机端最合适的Png格式是什么呢?如果你对这些问题有疑问，那么很开心的告诉你，这里有你需要的答案。 相关技巧教程： Photoshop详细详细解析色彩模式和调色原理 Photoshop实例解析蒙版工具的使用技巧 Photoshop技巧教程：轻松掌握PS曲线工具 PNG的格式和透明度 这个Fireworks会比较清楚，打开Fireworkd优化面板，可以清楚看到png有3种不同深度的格式：png8、png24、png32。 其中，在优化面板选择png8，可发现png8包括不透明、索引色透明、alpha透明3种格式。 PNG8 8位的png最多支持256(2的8次方)种颜色，8位的png其实8支持不透明、索引透明、alpha透明。 PNG24 支持2的24次方种颜色，表现为不透明。 PNG32 支持2的32次方种颜色，32位是我们最常使用的格式，它是在png在24位的png基础上增加了8位的透明信息，支持不同程度的半透效果。 其实PNG8的3种格式不透明、索引透明、alpha透明，正好把png的所有格式都归类好了： 『png 不透明』格式

内存卡U盘等在电脑上面显示自己自定义图标

让你的内存卡在电脑上面显示的图标是你老婆的照片如何？且看教程。【哎哟，不错哦】 一、首先插上U盘，双击桌面上的我的电脑，然后点击菜单栏中“工具”——“文件夹选项”——“查看”，确保已将“隐藏已知文件的扩展名”前面的钩去掉。 再打开“记事本”程序，输入以下代码：[autorun] ICON=x.ico,0 再将其另存为autorun.inf，注意要先选择所有文件，再保存到U盘里。然后再在电脑中找一张扩展名为ic0的图标文件放到U盘里，并改名为x.ico。 上面的情况是一插上U盘就会自动运行zutorun.inf文件，其中代码的大致意思是设置U盘的图标为x.ico这个图标文件的样子。 好了，解决了U盘图标的个性设置，再来弄一下U盘打开后的背景图。首先复制一张jpeg格式的图片到U盘里，将其名称设置为XX.jpg（含扩展名）。 然后打开记事本程序，复制以下代码到其中：[EXtShellFolderViews] {BE098140-A513-11D0-A3A4-00C04FD706EC} [{BE098140-A513-11D0-A3A4-00C04FD706EC}] Attributes=1 IconArea_Image=XX.jpg

[.ShellClassInfo] ConfirmFileOp=0 再将其另存为desktop.ini文件，并放置在U盘里，保存的方法与上面类似，要注意的是文件名称一定要正确。其作用是设置U盘背景图为XX.jpg。 ico图标制作工具推荐Any to Icon icoFX （此软件为楼下推荐的，感谢各位友人提的建议） 实验成功的回个话啊，看看我的pc普及效果。 麻烦回我的人加一句【哎哟，不错哦】 附件为本人制作的U盘图标，解压到优盘里，重新插下优盘即可显示。 [本帖最后由blue591799278 于2010-6-28 18:19 编辑] 附件 2010-6-24 13:42

如何制作透明背景的PNG图片

如何制作透明背景的PNG图片？ 2008-10-09 13:16:49| 分类：软件下载|软件使| 标签：|字号大中小订阅 如何制作透明背景的PNG图片？ 我们在制作多媒体课件时，有时希望导入的图片背景透明，但很多时候我们想尽了各种办法还是不能实现。其实，看完了下文，您就会知道，原来透明并不是一件难事。 我们先来看一下，我们常用的课件制作软件中使导入的图片背景透明的一般方法。 1.Authorware 在Authorware中，我们对在显示图标中导入的图片设置背景透明的常用的方法是：双击选择工具，然后选择其中的透明(如图1)。这种方法非常简单，也很方便。但它的不足之处也是很明显的：我们看图1中的两张小动物的图片，这两幅图片原来的背景都是白色，设置了透明之后，动物的四周围都有白边，并不是很干净。而且第二张图片中，小章鱼的眼睛本来是白色的，因为白色背景被透明了，结果眼睛也透明了。而且，用这种方法使背景透明，只对白色背景有效，如果背景是其他颜色背景或者比较复杂，就无能为力了。 0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/imag e.width;}}" height=181 src="https://www.wendangku.net/doc/a711395824.html,/Files/BeyondPic/2006-1/5/200510982446734.jpg" width=200 border=1> 图1 Authorware中设置透明 2.PowerPoint 如果在PowerPoint中对导入的图片设置背景透明，可以把图片工具栏调出来，选择其中的“设置透明色”工具，然后在图片中单击想透明的背景颜色即可(如图2)。应该说在PowerPoint 中设置透明比在Authorware中方便多了，因为它不限定是白色，可以是任何颜色。但缺点也是有的，一是在一张图片中只能设置一种颜色，第二个缺点与在Authorware中类似，我们从图2中也可以看得出，右边人物的眼睛的颜色因为跟背景色相同，结果也被透明了。 0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/imag e.width;}}" height=154 src="https://www.wendangku.net/doc/a711395824.html,/Files/BeyondPic/2006-1/5/200510982446580.jpg" width=200 border=1> 图2 PowerPoint中设置透明 3.Flash

png图不能显示解决方法

蒂蒄芇芈莃蚇薇IE不显示PNG图片不显示的解决 芃螈莁袄薆羇羁转载文章2010-09-02 21:51:40 阅读796 评论0 字号：大中小订阅 艿芀肁莄蒈袀羂最近老是有图片显示红叉叉，后来发现这些图片后缀都是.png，于是到网上搜了好多方法，搞了老半天终于成功了。有一些细节是自己琢磨出来的，之前走了不少弯路，用红字贴出来共享： 一、使用开始->运行，在运行输入框中输入“regsvr32 c:\windows\system32\pngfilt.dll”（然后点击确定） 肈薂芃罿虿蒃蒆注意，这个pngfilt.dll在有的系统中是在c:\windows\system中的，要自己查看一下这文件在哪里，根据自己的系统修改一下路径。如果在注册时出现“已加载c:\windows\system32\pngfilt.dll，但没有找到DllRegisterSever 输入点。无法注册这个文件”，则表明这个文件可能损坏了，你要去别的机子去Copy一个好的过来。再进行一次注册。（也可以去网上下载一个pngfilt.dll，切记在覆盖原文件时一定要 在系统的安全模式下，否则系统会不断还原） 【我是用这个方法成功显示图片的，在发现这个细节前以下方法我也试了，最后成功不知是否是共同作用 的结果】 肂莆膆螂羄芄蝿二、1、“开始”菜单——“ 运行”，在打开处输入“regsvr32 pngfilt.dll”——点“确定”。 2、“开始”菜单——“ 运行”，在打开处输入“regedit”——点“确定”打开注册表编辑。 3、找到HKEY_LOCAL_MACHINE/SOFTWARE/MICROSOFT/INTERNET EXPLORER/EMBEDEXTNTOCLSIDMAPPINGS 文件夹（左边） 点“EMBEDEXTNTOCLSIDMAPPINGS”看其子文件夹里有没有“.PNG” 4、假若没有“.PNG”文件夹，则选定“EMBEDEXTNTOCLSIDMAPPINGS”文件夹，指着它点鼠标右键——新建“项”——将新建文件夹命名为“.png”——选定新建的“.png”——在右边栏空白处，点鼠标右键——新建“字符串值”——将新建“字符串值”命名为“clsid”（也可用重命名）——双击打开“clsid”——在“数值数据”填“02BF25D5-8C17-4B23-BC80-D3488ABDD C6B”——点“确定”即可。 5、关闭IE浏览器,重新打开IE,这时png图片就能正常显示了。 三、开始-> 运行，在运行输入框中输入“Regedit”，到这个路径 “HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Internet Settings\Accepted Documents 膅蚆蚀膁膃羆芁”，在右边右键“新建”->“字符串值” 紧接着最大的数字命名，我这里是3，故命名为4，并赋值 为“image/png” 膇葿蚁芆蒇肀薃（第二个方法用的比较有效） 蚂膂膅羈罿肄肃 __________________________________________________________________________________ _________________________ 蚃羃莈肁芁膆蚈这几天鼓捣电脑，来回的变换一些文件，导致电脑IE浏览器不能显示PNG图片，而其他类型均正常，上网找到一个解决方法，然后略加补充，贴到这里，便于以后出现这样问题能够很快解决。 肆衿袀螁肅腿蒁1、解决IE不显示PNG图片（很多验证码无法显示的问题） 膆蝿节袄虿荿肄虽然这些验证码并不是png格式的，但是却无法显示，究竟什么原因我到现在也没搞清楚，有人说是安装了Quicktime的问题，也有人说中毒等等。不管他了，反正就是无法显示png。

qq图标修改

QQ透明聊天框群聊天图标修改 1.视频图标 Plugin\Com.Tencent.AudioVideo\Bundle\Res video.png √ 2.语音图标 Plugin\Com.Tencent.AudioVideo\Bundle\Res audio.png√ 3.传送文件 Plugin\Com.Tencent.FileTransfer\Bundle\Res aio_toobar_send.png√ 4.发送短信 Plugin\Com.Tencent.Wireless\Bundle\Res CFBuddyTopToolbarExt.png 5.多人会话 Res\ChatFrame\Buddy\Icons\TopToolbar aio_toobar_add.png 6.举报 Res\AppPluginIcon aio_toobar_Report.png 7.应用 Res\ChatFrame\Buddy\Icons\TopToolbar aio_toobar_app.png 8.搜索 Plugin\Com.Tencent.Soso\Bundle\Res\WSearch soso_icon_24.png ------------------------------------------------------- ---------聊天框图标修改下---------- 1.字体

Res\AppFramework\ChatFrame\MidToolbar aio_quickbar_font.png 2.表情 Res\AppFramework\ChatFrame\MidToolbar aio_quickbar_face.png 3.会员表情 Res\AppFramework\ChatFrame\MidToolbar aio_quickbar_richface.png 4.抖动窗口 Plugin\Com.Tencent.SNSApp\Bundle\Res aio_quickbar_twitter.png 5.发送图片 Res\AppFramework\ChatFrame\MidToolbar aio_quickbar_sendpic.png 6.音乐分享 Plugin\Com.Tencent.QQMusic\Bundle\Res musicsharebtn20.png 7.礼物 Plugin\Com.Tencent.PaiPaiGift\Bundle\Res Present_20.png 8.截图 Res\AppFramework\ChatFrame\MidToolbar aio_quickbar_cut.png 9.划词搜索 Plugin\Com.Tencent.Soso\Bundle\Res\WSearch soso_icon_16.png

工具软件 图形图像文件格式

工具软件 图形图像文件格式 由于各种图形图像文件的编码有很大区别，因此，图形图像文件的格式有很多种。每一种图形图像文件往往都有其最适合的使用领域。在处理图形图像时，需要根据不同的需要，选择输出图形图像的类型。 在计算机中，图形图像文件的格式是根据其文件扩展名区分的。一种图形图像文件，往往只对应一种或几种扩展名。了解了图形图像文件的扩展名，就可以方便地区分各种图像，如下所示。 1．矢量图形格式 矢量图形格式具有一些独到的特点（例如，便于修改、可以自由放大或缩小等），在日常使用计算机时，经常会遇到一些矢量图形。 ● SWF Adobe Flash 的矢量图形文件，既可以用于静态矢量图形的输出，也可以用于矢量动画的输出。几乎所有的计算机都安装了SWF 文件的播放器，因此，多数计算机可以直接浏览该格式的图形。 ● AI Adobe Illistrator （Adobe 开发的一种专业矢量图形绘制软件）的标准图形文件保存格式。在网上有很多该格式的矢量图形背景下载。 ● CDR Corel Draw （Corel 开发的一种专业矢量图形绘制软件）的标准图形文件保存格式，也是很常见的矢量图形文件格式，在网上同样有很多该格式的矢量图形素材下载。 ● SVG 基于XML （eXtensible Markup Language ，可扩展的标记语言）的矢量图形格式，是由W3C 制订的开放标准，目前Opera 和FireFox 等网页浏览器已支持这种矢量图形的浏览。 ● WMF 在Windows 操作系统中广泛应用的一种矢量图形格式（Windows MetaFile ，Windows 图元文件格式）。 2．位图图像格式 位图图像是使用最广泛的图像。大多数显示器在显示矢量图形时，通常都是即时将其转换为位图图像再显示的。在日常生活中，遇到的多数图像都是位图图像。处理位图图像的软件很多，因此位图图像有很多种格式。以下将介绍常用的几种。 ● BMP BMP （BitMap ，位图）是Windows 操作系统中的标准位图图像格式，是一种使用非常广泛的无压缩位图格式。几乎所有的图形图像处理软件都可以直接打开和编辑这种图像格式。 ● JPEG JPEG （Joint Photographic Experts Group ，联合图像专家组）是一种针对照片等位图而设计的一种失真压缩标准格式。使用JPEG 格式的图像，可以定义图像的保真等级。保真等级越高，则图像越清晰，图像占磁盘空间也越大。JPEG 格式的图像扩展名包括许多种，例如，JPG ，JPE ，JFIF 、JIF 、JFI 等。多数图像处理软件都支持处理这种图像。 ● G IF GIF （Gra phics Interchange Format ，图形交换格式）是一种8位色彩的、支持多帧动画和Alpha 通道（透明通道）的压缩位图格式，是互联网中最常见的图像格式之一，常用于各种 提 示 JPEG 格式的图像保真等级共分0～10共11级。其中0级压缩比最高，图像品质最差。即使采用细节几乎无损的10 级质量保存时，与BMP 格式相比，压缩比也可达 5：1。在处理日常照片时，通常采用第8级压缩可以获得最佳的存储大小与图像质量平衡。