CyberChef
Bookmarks

Chrome Extension Icon Generator

Convert your image to all required Chrome extension icon sizes (16x16, 32x32, 48x48, 128x128) with high quality.

Drop your image here or click to browse

Recommended: Square images work best (512x512 or higher)

How to Use This Tool

Quick Tip!

For best results, use a high-quality square image (512x512px or larger) with good contrast and simple design elements.
  • Upload Image
  • Generate Icons
  • Download
  • Add to Extension
1

Upload Your Image

Drag and drop your image or click to browse. Supports PNG, JPG, GIF, and WebP formats.

2

Generate Icons

Click "Generate Icons" to automatically create all required sizes (16x16, 32x32, 48x48, 128x128).

3

Download Files

Download individual icons or get all sizes in a convenient ZIP package.

4

Add to Extension

Copy the icon files to your extension folder and reference them in manifest.json.

Frequently Asked Questions

Required
What icon sizes does Chrome need?

Chrome extensions require multiple icon sizes for different contexts:

SizeUsageContext
16x16Extension management pageContext menus, toolbar
32x32Extension management (Windows)High DPI displays
48x48Extension management pageDefault icon display
128x128Chrome Web StoreInstallation dialogs
Code
How to use these icons in manifest.json?

Add the icons to your manifest.json file like this:

{
  "icons": {
    "16": "icons/icon16.png",
    "32": "icons/icon32.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
  }
}
Make sure the icon files are in the correct folder structure within your extension directory.
Tips
Best practices for extension icons

Design Guidelines

  • • Use simple, recognizable designs
  • • Ensure good contrast and readability
  • • Keep consistent visual style across sizes
  • • Test in both light and dark themes

Technical Requirements

  • • Use PNG format with transparency
  • • Start with high-resolution source (512x512+)
  • • Avoid text that becomes unreadable at small sizes
  • • Consider icon visibility in different contexts
Format
What image formats are supported?

This tool supports all common image formats including:

PNG
JPG/JPEG
GIF
WebP
SVG
BMP

The output icons are generated as PNG files with transparency support.

Recommended: Upload a square image with high resolution (at least 512x512 pixels) for best results.
Quality
How is the image quality maintained?

Our tool uses advanced canvas rendering with high-quality image smoothing:

  • High-quality scaling: Uses browser's native image smoothing algorithms
  • Lossless PNG output: All generated icons are saved as PNG with full quality
  • Transparency preservation: Maintains alpha channel for transparent backgrounds
  • Anti-aliasing: Smooth edges at all sizes
Output Format
PNG
Lossless compression
Color Depth
32-bit
RGBA with transparency
Troubleshooting
Common issues and solutions

Icon appears blurry at small sizes

Use a simpler design with less detail, or start with a higher resolution source image.

Generated icons won't download

Check if your browser blocks downloads. Try disabling popup blockers or use a different browser.

Extension doesn't recognize icons

Ensure icon file paths in manifest.json match your actual file structure and names.