图片格式:PNG
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
有一些方面使 PNG(便携式网络图形)与其他格式不同,因为它旨在替代 GIF(由于很久之前就存在专利争议),因此它在很多方面与 GIF 类似。PNG 还使用无损压缩,这意味着图片数据将在压缩时不会降低视觉保真度。图片的调色板可以进行量化,即“编入索引的颜色”,其中 PNG 利用的调色板仅限于 256 种颜色,就像 GIF 一样。更常见的“真彩色”PNG 可以包含许多更多颜色,最多 1600 万种。
PNG 和 GIF 都支持透明度,但有很大区别。GIF 将透明度视为二元主张:一个像素要么是不透明的颜色,要么是完全透明。PNG 支持“alpha 通道”透明度,这意味着每个像素都可以设置为 0(完全透明)到 255(完全不透明)之间的透明度。
实际上,缺乏大量量化和无损压缩意味着将图片另存为 PNG 绝不会导致画质下降。但是,与更现代的 Web 友好型编码相比,这几乎总是会导致文件过大。PNG 的传输大小意味着它们几乎从来不是摄影内容的正确选择。
过去几年,PNG 大多因单一用例更为普遍,因为是唯一支持半透明的光栅编码。
如今,仅应考虑将 PNG 用于需要半透明的简单图形(例如包含阴影的公司徽标),并且应仔细将其与支持半透明度的更现代格式(例如 WebP)进行比较。
与 GIF 非常相似,PNG 旨在解决在可伸缩性和文件大小方面通常最好使用 SVG 的用例。
因此,在少数不支持 SVG 的浏览器中,有时您会看到 PNG 作为界面元素的后备版本,尽管这种情况越来越少见。
实际上,PNG 是一种非常理想的选择,用于维护大小可管理的源映像的“规范”版本,该版本保存在本地开发环境中或提交到项目代码库,以便在需要以替代格式修改或重新保存该映像的未来版本时使用。
但值得注意的是,尽管编码是标准化的,但不同的修改工具执行该编码的方法不同,其中一些方法的效率要高得多。在任何上下文中传输 PNG 之前,请务必通过 Squoosh 或 ImageOptim 等工具运行文件。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2023-02-01。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2023-02-01\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2023-02-01。"],[],[]]