PlayTools

Chrome Extension Icon Generator

Create Chrome extension icons at 16, 32, 48 and 128 from one image. Download a ZIP with an icons/ folder and a manifest.json snippet. Nothing is uploaded.

Runs in your browser — nothing you enter is uploaded

Drop an image here, or click to browse

JPEG, PNG, WebP, GIF or SVG. Stays in your browser.

manifest.json "icons" field
{
  "16": "icons/icon16.png",
  "32": "icons/icon32.png",
  "48": "icons/icon48.png",
  "128": "icons/icon128.png"
}

Manifest V3 uses 16, 32, 48 and 128. Put the icons/ folder next to manifest.json and paste the JSON keys into the "icons" field. Nothing is uploaded.

Advertisement

The four Chrome extension icon sizes that actually matter

Chrome’s extension docs specify 16 (favicon), 32 (Windows computers), 48 (chrome://extensions) and 128 (Chrome Web Store and the install dialog). Shipping only a 128 and letting Chrome downscale makes the 16px toolbar glyph a blur. Generating the four from the original logo is the reliable approach.

The ZIP is an icons/ folder plus a JSON object you paste into manifest.json’s "icons" key. action.default_icon can reuse the 16 and 32 paths. Manifest V2 used 19 and 38 for the browser action; V3 dropped those, so they are not in this pack.

Toolbar icons are tiny. A detailed illustration that looks fine at 128 will collapse at 16. Prefer a simple silhouette, high contrast, and Fill mode if the mark is already square. Fit with transparent padding helps a horizontal wordmark survive without cropping, at the cost of looking smaller.

Always export PNG. JPEG has no alpha, so a rounded logo would pick up a white box on the toolbar. This tool does not write JPEG.

Need a website favicon.ico or iOS 1024? Those are the Favicon Generator and App Icon Generator. Nothing is uploaded; resize and ZIP stay on your device.

Related tools

These free tools pair well with this page — open them in a new tab to finish your workflow.

Advertisement

Frequently Asked Questions

Which sizes does Chrome need?

Manifest V3 documents 16 (favicon), 32 (Windows), 48 (extensions page) and 128 (Web Store and install). This ZIP is those four PNGs in an icons/ folder.

How do I wire them in manifest.json?

Copy the JSON from this page into the top-level "icons" field. Keep the files at icons/icon16.png and so on, relative to the manifest.

What about action.default_icon?

You can reuse the same 16/32 files there. Many extensions set both "icons" and "action.default_icon" to the 16 and 32 paths.

Fill or Fit for a toolbar icon?

Fill if the logo already sits in a square. Fit with transparent padding if you have a wide wordmark that should not be cropped on the 16px favicon.

Can I use JPEG?

Chrome accepts PNG for extension icons. This tool always writes PNG so transparency survives on the toolbar.

Is this a favicon or an iOS app icon pack?

No. Extension icons are only 16–128. Use Favicon Generator for websites and App Icon Generator for store listings and launchers.

Does the file leave my computer?

No. Resize, PNG encode and ZIP happen locally. Nothing is sent to a server.