Skip to Content
LaunchExt | Chrome 扩展开发平台 (Next.js + Plasmo) 🚀 Read more → 
文档Framework图标配置

扩展图标

Plasmo 框架会自动为构建包生成较小分辨率的图标版本。因此,您只需要处理高保真版本!

默认情况下,Plasmo 读取 assets/icon.png 文件作为扩展图标。或者,您可以使用这些名称而不是 icon

icon512icon-512icon-512x512icon1024icon-1024icon-1024x1024

替代名称有助于明确原始图标的大小。但是,Plasmo 只会选择一个文件。

👉

确保您的图标文件位于 assets 目录中,并且是具有 .png 扩展名的 PNG 文件。

开发图标

开发模式中,Plasmo 将图标转换为灰度,以帮助区分开发包和生产包:

灰度图标

自定义开发图标

如果您不想要默认的灰度行为,可以在 assets 目录中放置一个 icon.development.png 文件。Plasmo 将在开发模式下使用此文件而不是 icon.png 文件。

标签特定图标

要为特定的构建标签使用不同的图标,请按以下方式命名您的图标文件:

  • icon.<tag>.png
  • icon.<tag>.<NODE_ENV>.png

图标尺寸

Plasmo 生成以下图标尺寸(以像素为单位):

16x1648x4864x6432x32128x128

您可以通过在 assets 目录中放置以下任何文件来覆盖特定尺寸:

基础环境特定
icon<size>.pngicon<size>.<NODE_ENV>.png
icon-<size>.pngicon-<size>.<NODE_ENV>.png
icon-<size>x<size>.pngicon-<size>x<size>.<NODE_ENV>.png
最后更新于