Chrome Web Store Icon Size

Your store icon is the first thing users see. Here's how to get it right.

Specs

128 × 128

Format: PNG only (no JPEG, no SVG)

Required: Yes — your extension cannot be published without it

Transparency: Supported and recommended for non-square shapes

Color space: sRGB

Where It Appears

  • Chrome Web Store listing page — the primary visual identifier for your extension.
  • Chrome Web Store search results and category pages.
  • The installation dialog when a user clicks "Add to Chrome".
  • The Chrome Web Store Developer Dashboard.

Design Tips

  • Design at 128×128 but ensure the icon reads well when scaled down to 48px or 16px.
  • Use simple, bold shapes — fine details get lost at small sizes.
  • Stick to a limited color palette (2–3 colors) for instant recognition.
  • Add slight padding (about 8–12px) inside the 128×128 canvas so the icon doesn't feel cramped.
  • Avoid text in the icon — it's unreadable at small sizes and doesn't localize.
  • Use a transparent background if your icon shape isn't a perfect square.
  • Test against both light and dark backgrounds to ensure visibility.

Common Mistakes

  • Using JPEG or SVG format — the store only accepts PNG for the icon.
  • Uploading an icon that isn't exactly 128×128 — the store rejects non-matching dimensions.
  • Including too much detail that becomes an unreadable blob at small sizes.
  • Forgetting to export with transparency, resulting in an unwanted white background.
  • Using a screenshot or photo instead of a designed icon — these never look professional.

Other Chrome Web Store Asset Sizes

Generate a perfectly sized Chrome Web Store icon in seconds.

Open CWS Kit — It's Free