Image Resizer Chrome Extension: Transparent Padding, Custom Size, Dark Mode Support

When working on web design, slides, AI training datasets, or social media content, we often need to resize images to specific dimensions — without cropping or distorting them.

So I built a lightweight browser extension that:

💡 Key Features

• ✅ Upload local images (JPG/PNG/WebP etc.)

• ✅ Set custom width and height

• ✅ Auto center the image with transparent padding

• ✅ Download as PNG with one click

• ✅ Fully supports dark/light system themes

• ✅ 100% offline – no network required

🎯 Use Cases

• Profile picture adjustment (e.g., 512×512)

• Social media posts with exact image size

• Preparing dataset for machine learning

• Resize design materials for print/export

⚙️ How to Install

✅ Option 1: Chrome Web Store (replace link after publishing)

👉 Install from Chrome Web Store

🔧 Option 2: Load Unpacked Locally

1. Clone the repo:

   bash

   复制编辑

   git clone https://github.com/yang-shuohao/resize-image.git

2. Open chrome://extensions/ in Chrome

3. Enable Developer Mode

4. Click Load Unpacked and select the folder

🔗 GitHub Source Code

📦 https://github.com/yang-shuohao/resize-image.git

💬 Final Words

All processing happens locally in your browser. No images are uploaded — ever.
If this tool is helpful, consider giving it a ⭐️ or sharing with friends!