<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>png图标</title>
	<atom:link href="https://www.aitaocui.cn/tag/153022/feed" rel="self" type="application/rss+xml" />
	<link>https://www.aitaocui.cn</link>
	<description>翡翠玉石爱好者聚集地</description>
	<lastBuildDate>Tue, 22 Nov 2022 11:11:26 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.1.1</generator>

<image>
	<url>https://www.aitaocui.cn/wp-content/uploads/2022/11/taocui.png</url>
	<title>png图标</title>
	<link>https://www.aitaocui.cn</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>png图标(图像文件存储格式)</title>
		<link>https://www.aitaocui.cn/article/242602.html</link>
					<comments>https://www.aitaocui.cn/article/242602.html#respond</comments>
		
		<dc:creator><![CDATA[拆字]]></dc:creator>
		<pubDate>Tue, 22 Nov 2022 11:11:26 +0000</pubDate>
				<category><![CDATA[百科]]></category>
		<category><![CDATA[png图标]]></category>
		<guid isPermaLink="false">https://www.aitaocui.cn/?p=242602</guid>

					<description><![CDATA[PNG是20世纪90年代中期开始开发的图像文件存储格式，其目的是企图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。流式网络图形格式(Portable Ne...]]></description>
										<content:encoded><![CDATA[</p>
<article>
<p>PNG是20世纪90年代中期开始开发的图像文件存储格式，其目的是企图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。流式网络图形格式(Portable Network Graphic Format，PNG)名称来源于非官方的“PNG&#x27;s Not GIF”，是一种位图文件(bitmap file)存储格式，读成“ping”。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法。</p>
</article>
<article>
<h1>简介</h1>
<p>PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法。</p>
<p>PNG文件格式保留GIF文件格式的下列特性：使用彩色查找表或者叫做调色板可支持256种颜色的彩色图像。</p>
<p>流式读/写性能(streamability)：图像文件格式允许连续读出和写入图像数据，这个特性很适合于在通信过程中生成和显示图像。</p>
<p>逐次逼近显示(progressive display)：这种特性可使在通信链路上传输图像文件的同时就在终端上显示图像，把整个轮廓显示出来之后逐步显示图像的细节，也就是先用低分辨率显示图像，然后逐步提高它的分辨率。</p>
<p>透明性(transparency)：这个性能可使图像中某些部分不显示出来，用来创建一些有特色的图像。</p>
<p>辅助信息(ancillary information)：这个特性可用来在图像文件中存储一些文本注释信息。</p>
<h1>文件结构</h1>
<p>PNG图像格式文件(或者称为数据流)由一个8字节的PNG文件署名(PNG file signature)域和按照特定结构组织的3个以上的数据块(chunk)组成。</p>
<p>PNG定义了两种类型的数据块，一种是称为关键数据块(critical chunk)，这是标准的数据块，另一种叫做辅助数据块(ancillary chunks)，这是可选的数据块。关键数据块定义了4个标准数据块，每个PNG文件都必须包含它们，PNG读写软件也都必须要支持这些数据块。虽然PNG文件规范没有要求PNG编译码器对可选数据块进行编码和译码，但规范提倡支持可选数据块。</p>
<h1>使用</h1>
<p>PNG格式图片因其高保真性、透明性及文件大小较小等特性，被广泛应用于网页设计、平面设计中。网络通讯中因受带宽制约，在保证图片清晰、逼真的前提下，网页中不可能大范围的使用文件较大的bmp、jpg格式文件，gif格式文件虽然文件较小，但其颜色失色严重，差强人意，所以PNG格式文件自诞生之日起就大行其道。</p>
<p>PNG格式图片通常被我们当做素材来使用，在设计过程中，不可避免的要搜索相关文件，如果是JPG格式文件，抠图就在所难免，费时费力，gif格式虽然具有透明性，但其只是对其中一种或几种颜色设置为完全透明，并没有考虑对周围颜色的影响，所以此时PNG格式文件就成了我们的不二之选。我们经常在网页中看到整个页面使用同一个PNG图片做背景，按钮、导航条等全做在一张图片上，其实就是这个道理，究其缘由无非就是PNG图片在下载过程中占带宽较小，而且颜色逼真，下载一次可重复使用。</p>
<h1>资源</h1>
<p>随着PNG图标使用的越来越广泛，PNG图标资源也相对变得丰富起来，现在有较多的网站专门提供PNG图标，将其作为自己的主营业务，这也在一定程度上帮助了设计师们的工作，不会因为手边没有设计素材而苦恼。</p>
<h1>精致完善</h1>
<p>这个问题时困扰很多UI设计新手的问题，现做简要介绍，就是在制作过程，要注意：</p>
<h2 id="a-d96fd61a">大小适中</h2>
<p>在整个界面中图标不易过大，其次每个图标之间也要大小相似，这里指的是视觉上的。</p>
<h2 id="a-02f074c7">色彩搭配合理</h2>
<p>色彩在同一图标上的颜色不宜过多，最多3种{通常}，整个界面所有图标的主色彩不宜过多，3个色彩适中，，对于用什么颜色不作介绍，有点绘画经验的人都知道。</p>
<h2 id="a-b5890872">细节处理</h2>
<p>经过本人观察，所有现有市场上做的看起来比较精致的图标，不管是平面图标还是3d图标，都有潜在的细节，诸如描边之类，这里所说的的描边，不是局限在描一个黑黑的边，而是说在形体转折或是边缘处，有高光和阴暗细节的处理，以渐变和图层逐渐透明的形式出现，一定要融合在图标里，例如平面化的图标，你要让人感觉并没有存在，但实际仔细观察是有的，制作出图标的微妙变化，显得丰富不单薄。</p>
<h2 id="a-7620e548">上传要点</h2>
<p>首先要知道手机型号,是那个平台或者是那个操作系统的在去下载到手机里面去.诺基亚的手机是最好弄的。苹果系统的手机目前还不支持。</p>
</article>
<div class="mt-3 mb-3" style="max-width: 770px;height: auto;">
                                    </div>
<div class="mt-3 mb-3" style="max-width: 770px;height: auto;">
                                    </div>
<div class="mt-3 mb-3" style="max-width: 770px;height: auto;">
                                    </div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.aitaocui.cn/article/242602.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
