麒麟在线

当前位置:网站首页 / 技术 / 正文

Photoshop储存web所用格式时,选项「PNG-8」与「PNG-24」有何区别?

PNG8 和 PNG24 的主要区别在于颜色深度和透明度的处理方式:

  • PNG8 (索引颜色): 使用一个调色板,最多存储 256 种颜色。每个像素都用一个索引值来表示,这个索引值对应调色板中的一个颜色。 类似于 GIF 的颜色存储方式。

  • PNG24 (真彩色): 支持 24 位真彩色,可以显示超过 1600 万种颜色。每个像素使用 24 位来表示颜色信息 (红绿蓝各 8 位)。

主要区别总结:

特性PNG8PNG24
颜色数量最多 256 种超过 1600 万种
文件大小通常更小通常更大
透明度支持索引透明 (1-bit)支持 alpha 透明 (24-bit)
适用场景图标、logo、简单的图形照片、复杂的图像

更详细的解释:

  • 颜色: PNG8 的颜色数量限制使其不适合用于包含渐变或大量颜色的图像,例如照片。 这些图像在使用 PNG8 压缩时会出现颜色带或失真。 PNG24 可以很好地处理这些图像,保留丰富的颜色细节。

  • 文件大小: 由于颜色信息的存储方式不同,PNG8 文件通常比 PNG24 文件小得多。 这使得 PNG8 更适合用于网络上的图标、logo 和其他对文件大小敏感的图像。

  • 透明度: PNG8 支持索引透明,这意味着图像可以包含完全透明或完全不透明的区域,但不支持半透明。 PNG24 支持 alpha 透明,可以实现不同程度的半透明效果,使图像与背景更加自然地融合。 这对于需要平滑边缘或复杂透明效果的图像非常重要。

选择哪种格式:

  • 如果图像颜色简单,文件大小是主要考虑因素,并且不需要半透明效果,则选择 PNG8。

  • 如果图像颜色丰富,需要保留图像质量,或者需要半透明效果,则选择 PNG24。

现在,很多情况下,你会使用 PNG 的另一种格式:PNG32. PNG32 本质上与 PNG24 相同,只是它包含一个额外的 alpha 通道,用于存储透明度信息。 因此,PNG32 也支持真彩色和 alpha 透明。 由于 PNG24 也可以表示 alpha 透明度,所以 PNG32 和 PNG24 常常被混淆。 选择 PNG24 或 PNG32 主要取决于你的图像编辑软件和具体需求。

这两张是我在把一张图片分别保存为PNG-8PNG-24时,PS预览窗口中100%图片局部的截图


Photoshop储存web所用格式时,选项「PNG-8」与「PNG-24」有何区别? 技术 第1张

Photoshop储存web所用格式时,选项「PNG-8」与「PNG-24」有何区别? 技术 第2张


相信你已经看得很清楚了,不仅图片细节有差异,图片大小也不同;

另外补充几点:

.png格式支持有透明背景图片;

png-8比png-24的压缩率更高;

要求图片占用空间小、色彩不丰富的或者说对图片质量要求不高的且有纯透明背景的,保存成png-8合适;

对图片质量要求较高的半透明或全透明背景的,保存成png-24合适;

ie6支持png-8透明背景的图片不支持png-24透明背景的图片。

希望以上解释能够帮助你理解 PNG8 和 PNG24 的区别!

推荐阅读

文章标签:

版权声明: 本文除特别说明外均由原创

本文链接: https://www.70ol.com/jishu/277.html,尊重共享,欢迎转载,请自觉添加本文链接,谢谢!

分享本文: 请填写您的分享代码。

呃 本文暂时没人评论 来添加一个吧

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。