Generate Chrome Extension Icons in All Required Sizes (Automatically)

Chrome extensions need icons in four sizes: 16x16, 32x32, 48x48, and 128x128.

16x16 for the browser toolbar. 32x32 for Windows. 48x48 for the extension management page. 128x128 for the Chrome Web Store.

Most developers:

1. Design one icon at 512x512.
2. Manually resize it in Photoshop or Figma.
3. Export each size individually.
4. Hope they didn't miss a size.

That's tedious. And error-prone. One missed size, and Chrome shows a broken icon.

Why Manual Resizing Fails

Manual resizing:

• Takes 10-15 minutes per icon set.
• Requires design software (Photoshop, Figma, etc.).
• Easy to miss a size or export the wrong dimensions.
• Quality can degrade if resizing isn't done correctly.

You're spending time on busywork instead of building features.

The Automated Solution

Instead of manual resizing, use an automated tool.

Tool: Chrome Extension Icon Resizer

This tool generates all four sizes from a single image.

Example: Generate icons from a 512x512 source image

1. Upload your source image (512x512 or larger recommended).
2. The tool automatically generates:
   • 16x16 (toolbar icon)
   • 32x32 (Windows icon)
   • 48x48 (extension management page)
   • 128x128 (Chrome Web Store)
3. Download a ZIP file with all four icons.
4. Drop them into your extension folder.

Total time: 30 seconds. No design software needed.

How It Works

The tool:

• Uses high-quality image resizing algorithms.
• Preserves transparency (important for icons).
• Processes everything in your browser (no uploads, no server processing).
• Generates a ZIP file ready to use.

Upload. Download. Done.

Icon Size Requirements

Chrome requires these sizes in your manifest.json:

{
  "icons": {
    "16": "icon-16.png",
    "32": "icon-32.png",
    "48": "icon-48.png",
    "128": "icon-128.png"
  }
}

The tool generates exactly these files with the correct naming.

Best Practices

• Start with a large source: Use 512x512 or larger for best quality when downscaling.
• Square images: Icons should be square (1:1 aspect ratio).
• Simple designs: Icons need to be recognizable at 16x16. Avoid fine details.
• Transparent backgrounds: PNG with transparency works best for icons.

Common Icon Mistakes

• Wrong sizes: Using 64x64 or 256x256 instead of required sizes.
• Missing sizes: Forgetting one of the four required sizes.
• Poor quality: Starting with a small source image that looks blurry when scaled.
• Wrong format: Using JPG instead of PNG (loses transparency).

The Bottom Line

Chrome extension icons don't need to be a manual chore. Generate all sizes automatically.

Upload one image. Get all four sizes. Drop them into your extension. Ship faster.

Try Chrome Extension Icon Resizer →

Related Extension Development Tools

• Build Chrome Extensions Faster with Manifest V3 Generator — Generate a valid manifest.json without memorizing syntax
• Generate Favicons for All Platforms in Seconds — If you also need website favicons, generate 14 sizes plus ICO from one image
• Building Custom Chrome Extensions for Business — The full guide to planning, building, and publishing extensions