您需要提供几种要在 Chrome 应用商店中使用的图片:
只需提供扩展程序图标、小宣传图片和屏幕截图即可。但是,同时提供引人注目的必需图片和可选图片版本,将提高您的扩展程序被发现的几率。例如,除非您提供最大型的宣传图片,否则您的扩展程序将无法在选取框中展示。
您可以遵循我们针对图片和其他商品详情信息的最佳做法,以提高您的内容在 Chrome 应用商店中的表现。如需详细了解这些最佳实践,请参阅创建令人信服的列表页面。
“扩展程序”图标
您必须在扩展程序的 ZIP 文件中提供一张 128x128 像素的扩展程序图标图片。对映像的一些要求:
- 实际图标大小应为 96x96(对于方形图标);每边额外的 16 个像素应为透明内边距,总图片大小不得超过 128x128。如需了解详情,请参阅图标大小。
- 图片必须为 PNG 格式。
- 图片在浅色背景和深色背景上都应该能正常显示。
设计图标时,请牢记以下建议:
- 不要围绕 128x128 的图片添加边缘;界面可能会添加边缘。
- 如果图标大部分是深色,建议在外侧添加微弱的白色光晕,这样在深色背景中效果会比较好。
- 避免使用大的阴影;界面可能会添加阴影。可以使用小尺寸的阴影来实现对比。
- 如果图标底部有倾斜度,建议深度为 4 像素。
- 让图标面向观看者,而不是使用内置视角。如需了解详情,请参阅 Perspective。
以下是一些符合上述准则的图标。
![]() |
![]() |
![]() |
图标大小
所有扩展程序图标都应具有相同的视觉权重,占据大致相同的区域。如下图所示,当您调整图标大小以填满可用区域时,与其他形状的图标相比,方形和圆形图标的尺寸明显大于应有的尺寸。
如下图所示,对图标大小进行标准化可使图标的区域和视觉权重大致均匀。
您可以使用以下模板图片来帮助您判断图片图片的大小。模板会显示方形和圆形的正确大小,但这些仅作为参考;有尖锐点的图标可能会超出这些区域。如果不规则形状的图标占用的区域非常小,并且大多为负空间,则使用整个 128x128 区域可能是可以接受的。
![]() |
![]() |
![]() |
对于海报图片尺寸,可以遵循一些经验法则。对于方形图标,请将图片设置为 96x96 像素。对于方形的其他图标,请将图片的宽度设置为图片总宽度的 75-80%。圆形图标直径应约为 112 像素,或图片宽度的 85% 至 90%。不规则形状的图标应具有相似的权重。
下图显示的是方形和圆形图标,将其与模板进行比较。
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
以下为不规则形状的图标示例。在这种情况下,图标既不遵循方形准则,也不遵循圆形准则,但两者附近都适合。
![]() |
![]() |
![]() |
视角
为了确保灵活性和一致性,扩展程序图标应该朝向前方。可以通过细微的微调视角来营造有形感,但要避免使用大角度。
良好图标(正面) | 不良图标(角度过大) |
---|---|
![]() |
![]() |
![]() |
![]() |
宣传图片
您必须提供一张 440x280 像素的小宣传图片。您还可以提供其他图片,供应用店宣传您的扩展程序。
注意:如果您的图片涉及 Google 品牌,请遵守品牌推广指南。
虽然您只需提供较小的宣传图片,但如果您希望自己的扩展程序在 Chrome 应用商店中更引人注目,也可以提供较大的宣传图片。您可以提供以下其中一项:
- 小:440x280 像素(必需)
- 滚动图片:1400x560 像素
宣传图片有机会吸引用户的注意力并诱使他们了解详情。不要只使用屏幕截图;图片应主要传达品牌信息。下面是设计映像的一些经验法则:
- 避免添加文字。
- 请确保您的图片在缩小到一半时仍能正常显示。
- 假设图片将采用浅灰色背景。
- 如果可能,使用饱和色;它们往往能取得良好的效果。
- 避免使用大量的白色和浅灰色。
- 填充整个区域。
- 确保边缘清晰可见。
以下图片是扩展程序的宣传图片示例:
![小宣传图片](https://developer.chrome.google.cn/static/docs/webstore/images/image/small-promo-image-07c9a0100064.png?authuser=5&hl=sv)
![大帐篷](https://developer.chrome.google.cn/static/docs/webstore/images/image/marquee-378610381dddf.png?authuser=5&hl=sv)
以下是对审核状态的说明:
- “待审核”状态:图片尚未经过审核,未在商店中展示。图片应在提交后的一周内审核。
- 无状态:图片已获批准,正在商店中展示。[*“草稿”或“受信任的测试人员”内容中的图片不会显示图片状态。您需要先发布该商品,这样您的宣传图片才能获得批准。]
- 已拒绝:图片已经过审核并被拒绝,不会在商店中展示。遭拒的原因将显示在该商品的“修改”页面的“宣传图片”部分中。我们建议您查看原因并进行必要的更改,然后再重新上传经过改进的新图片。新上传的图片将立即处于“待审核”状态。
如需替换某张宣传图片,请将鼠标悬停在该图片上,即可调出“移除图片”控件。
屏幕截图
使用屏幕截图向用户传达扩展程序的功能、外观和风格以及体验。您必须提供至少 1 张(最好是所允许的最多 5 张)该扩展程序的屏幕截图,以便在该扩展程序的商品详情中显示。屏幕截图应展示实际用户体验,着重展示核心功能和内容,以便用户可以预见扩展程序的体验。
如果您的扩展程序支持多个语言区域,您可以按照本地化商品详情中的说明提供特定于语言区域的屏幕截图。
修改扩展程序的商品详情时,将鼠标悬停在屏幕截图的缩略图上即可显示相关控件,您可以通过这些控件删除屏幕截图或更改其位置。
每张屏幕截图应如下所示:
- 方角,无填充(全出血)
- 1280x800 或 640x400 像素
例如,以下是一个扩展程序的屏幕截图:
下一步做什么?
接下来,阅读提交扩展程序以供发布。