
I got tired of uploading my images to websites just to resize them, so I built a browser-only batch optimizer: Image Optimizer Pro
I need to resize and compress images for various projects, but I always hated the available options. Desktop apps feel too heavy and clunky(and I don;t want to download anything), and I really don't like uploading my files to random online services just to change their size (plus dealing with paywalls or 20-file limits).
So I decided to build my own. It's a single HTML file. You open it in your browser, and everything happens locally using the Canvas API. No servers, no uploads, zero privacy concerns.
Once I got the basic compression working, I got a bit carried away and started adding features that I realized would be super useful for anyone dealing with bulk images (like other devs, photographers, or e-commerce managers):
• Batch processing & Folders: Drag and drop entire folders. It processes them and can even preserve your subfolder structure in the final ZIP export.
• Smart Renaming: You can batch rename files using patterns like img-{n}, with a toggle to automatically make filenames SEO-friendly (lowercase, no accents, hyphens for spaces).
• Watermarking: Upload a PNG/SVG and it automatically overlays it on all images (with opacity/scale controls) or just write your watermark.
• Presets: Quick buttons for common sizes (Thumbnails, High Quality, Social).
• Visual Dashboard: A live table with before/after previews and a tracker showing how much total bandwidth you've saved.
Works fully offline once loaded.
GitHub Repo: https://github.com/gdr-sys/Image-Optimizer-Pro/