Supplying Images(提供图像)

您需要提供几种要在 Chrome 网上应用店中使用的图片：

只有扩展程序图标、小宣传图片和屏幕截图是必需的。但是，提供必需和可选图像的有吸引力的版本会增加您的扩展程序被注意到的机会。例如，除非您提供选取框宣传图片，否则您的扩展程序不能出现在选取框内。

您可以按照我们针对图片和其他商品信息的最佳做法来提高您的商品在 Chrome 网上应用店中的表现。要了解有关这些最佳实践的更多信息，请参阅创建引人注目的列表页面。

# Extension icon(扩展图标)

您必须在扩展程序的 ZIP 文件ZIP file of your extension中提供 128x128 像素的扩展程序图标图像。对图片的一些要求：

  • 实际图标大小应为 96x96（对于方形图标）；每边额外的 16 个像素应该是透明填充，总计图像大小为 128x128。有关详细信息，请参阅图标大小Icon size。
  • 图像必须为 PNG 格式。
  • 图像应该在浅色和深色背景上都能很好地工作。

设计图标时，请记住以下建议：

  • 不要在 128x128 图像周围放置边缘； UI 可能会添加边缘。
  • 如果你的图标大部分是黑色的，考虑添加一个微妙的白色外发光，这样它在深色背景下看起来会很好。
  • 避免大阴影； UI 可能会添加阴影。使用小阴影进行对比是可以的。
  • 如果您的图标底部有一个斜角，我们建议使用 4 像素的深度。
  • 使图标面向查看者，而不是具有内置透视图。有关详细信息，请参阅透视图Perspective。

以下是一些遵循这些准则的图标。

798081

如果您上传没有 alpha 的图像，它将被放置在一个带有圆角（12 像素圆角半径）的框架中。

# Icon size(图标大小)

所有扩展图标应该具有相同的视觉权重，占据大致相同的区域。如下图所示，当您调整图标大小以填充可用区域时，与其他形状的图标相比，方形和圆形图标明显大于应有的尺寸。

82

如下图所示，标准化图标大小可以使图标的面积和视觉重量大致均匀。

83

您可以使用以下模板图像来帮助您判断图像的图稿应该有多大。模板显示了正方形和圆形的正确大小，但这些只是参考；带有尖头的图标可能会偏离这些区域。如果一个不规则形状的图标占用的区域很小并且大部分是负空间，则使用整个 128x128 区域可能是可以接受的。

858486

您可以遵循一些关于艺术品尺寸的经验法则。对于方形图标，将图稿设为 96x96 像素。对于其他方形图标，将图稿的宽度设为图像总宽度的 75-80%。圆形图标的直径应约为 112 像素，即图像宽度的 85% 到 90%。不规则形状的图标应该具有相似的权重。

下图显示了方形和圆形图标，并将它们与模板进行比较。

878889

909192

这是不规则形状图标的示例。在这种情况下，图标既不遵循方形也不遵循圆形指南，但它适合两者附近。

939495

# Perspective(看法)

为了灵活性和一致性，扩展图标应该是正面的。给予有形感的视角的细微调整是可以的，但要避免戏剧性的角度。

Good icons (front-facing) Bad icons (too-drastic perspective)
100 101
102 103

# Promotional images(宣传图片)

您必须提供一张 440x280 像素的小宣传图片。您还可以提供商店可用于宣传您的扩展程序的其他图像。

与屏幕截图(screenshots)不同，宣传图片目前不是特定于区域的。如果您的扩展支持多种语言环境，我们建议您通过关注扩展功能的图形表示来避免使用文本，或将促销图片定位到您拥有最多用户的地区。

注意：如果您的图片涉及 Google 品牌，请遵循品牌指南Branding Guidelines。

虽然只需要一张小宣传图片，但如果您希望您的扩展程序在 Chrome 网上应用店中更加突出，您也可以提供更大的宣传图片。您可以提供以下各项之一：

  • Small: 440x280 pixels (required)
  • Large: 920x680 pixels
  • Marquee: 1400x560 pixels

没有小宣传图片的扩展程序将显示在具有该图片的扩展程序之后。如果您的扩展程序是在需要小宣传图片之前发布的，您应该添加该图片，以便您的扩展程序可以更突出地显示。

宣传图片是您吸引用户注意力并吸引他们了解更多信息的机会。不要只使用屏幕截图；您的图片应主要传达品牌。以下是设计图像的一些经验法则：

  • 避免文字。
  • 确保您的图像即使缩小到一半也能正常工作。
  • 假设图像将在浅灰色背景上。
  • 如果可能，使用饱和的颜色；他们往往工作得很好。
  • 避免使用大量的白色和浅灰色。
  • 填满整个区域。
  • 确保边缘定义明确。

下图是扩展程序的宣传图片示例：
Small promo image (440x280) Large promo image (920x680)
96 97

选框图像 (1400x560)：

98

您可以在开发者仪表板内的每个项目列表中找到促销图片的审核状态。单击项目列表上的“编辑”，然后向下滚动到“促销图片”部分。

以下是审查状态的说明：

  • 待审核状态：图片尚未审核，不在店铺展示。图片应在提交后一周内进行审核。
  • 无状态：图片已通过审核，正在店铺展示中。 [*来自“草稿”或“受信任的测试人员”项目的图像不会显示图像状态。您需要发布该项目才能使您的促销图片获得批准。]
  • 已拒绝：图片已审核拒绝，不在店铺展示。拒绝的原因将显示在项目编辑页面的促销图片部分。我们鼓励您查看原因，并在重新上传新的改进图像之前进行必要的更改。新上传的图像将立即处于待审核状态。

要替换宣传图片，请将鼠标悬停在图片上以显示移除图片控件。

# Screenshots(截图)

使用屏幕截图向用户传达扩展的功能、外观和体验。您必须提供至少 1 个（最好是最多允许 5 个）扩展程序的屏幕截图，以便在扩展程序的商品详情中显示。屏幕截图应展示实际的用户体验，重点关注核心功能和内容，以便用户可以预测扩展的体验。

如果您的扩展支持多种语言环境，您可以提供特定于语言环境的屏幕截图，如国际化您的扩展中所述。

当您编辑扩展的列表时，将鼠标悬停在屏幕截图的缩略图上会显示控件，可让您删除屏幕截图或更改其位置。

每个屏幕截图应如下所示：

  • 方角，无填充（全出血）
  • 1280x800 或 640x400 像素

最好使用 1280x800 的屏幕截图，因为较大的屏幕截图在高分辨率显示器上看起来更好。目前，所有屏幕截图都缩小到 640x400 像素。如果您的屏幕截图在缩小时看起来不太好（例如，它们有很多文本）或者如果 1280x800 对您的扩展程序来说太大（例如，低分辨率游戏的屏幕截图），您可以上传 640x400 的屏幕截图。

例如，以下是扩展程序的两个屏幕截图：

99

104

# What next?(接下来是什么？)

接下来，阅读提交您的扩展以进行发布。

By.一粒技术服务.

results matching ""

    No results matching ""