Google Chrome扩展程序的推荐图标大小

Question

本页介绍19*19和38*38. http://developer.chrome.com/extensions/browserAction.html#icon

但是这个页面解释了16*16和48*48,128*128. http://developer.chrome.com/extensions/manifest/icons.html

哪个是对的？

Answer 1

两者都是正确的!它们适用于不同的部分/功能:

前者指的是浏览器操作图标(显示在浏览器窗口的右上角,地址栏旁边).仅当您的扩展程序注册浏览器操作时才会显示.

后者指的是整个扩展程序和浏览器中使用的图标,正如您提供的链接中非常清楚地解释的那样:(
_{强调我的)}

一个或多个代表扩展程序,应用或主题的图标.你应该总是提供一个128x128的图标; 它在安装过程中和Chrome网上应用店中使用.扩展程序还应提供48x48图标,该图标用于扩展程序管理页面(chrome:// extensions).您还可以指定16x16图标作为扩展程序页面的图标.16x16图标也显示在实验性扩展信息栏功能中.

顺便说一句,第二个链接提到icon了属性名称,它在Manifest v2中被替换为default_icon.
_{("迁移到Manifest v2"指南)}

Answer 2

要详细说明ExpertSystem的答案,下面是一个包含所有图像大小的示例清单摘录:

  "browser_action": {
    "default_icon": {
      "19": "images/icon19.png",
      "38": "images/icon38.png"
    },
    "default_popup": "popup.html"
  },
  "icons": { "16": "images/icon16.png",
           "48": "images/icon48.png",
          "128": "images/icon128.png" }, ...

注意19/38图标是如何用于浏览器操作的,而16/48/128是在图标级别.

我认为最好将图像创建为矢量图形(例如svg文件),然后保存为每个尺寸的位图(例如png文件).

Answer 3

2020 更新：

我最近在研究这个。这是我发现的：
这些尺寸似乎涵盖了大多数情况：16、24、32、48、128
这些尺寸似乎已经过时：19、38

图标 - 推荐尺寸：

16、24、32、48、128。

Size:   Manifest - Icons:   chrome.browserAction:

16      Yes                 Yes
24      No                  Yes
32      Yes                 Yes
48      Yes                 No
128     Yes                 No

• 清单 - 图标：https : //developer.chrome.com/extensions/manifest/icons
• chrome.browserAction：https : //developer.chrome.com/extensions/browserAction

图标 - 过时的尺寸：

19、38。

Size:   Manifest - Icons:   chrome.browserAction:

19      No                  Outdated
38      No                  Outdated

• chrome.browserAction：https ://chrome-apps-doc2.appspot.com/extensions/browserAction.html