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