Hi everyone! :)
Happy to share my first project, which I've been designing and developing over the last few days!
I've created the website resize-photo.com which is a fast, simple, and completely free tool for resizing images directly in your browser, without relying on a backend server to process the images.
The entire resizing process happens locally in your browser. This means that your images are not uploaded to or stored on a server, giving you more control over the privacy of your data.
I think most of us have been in a situation where we needed to quickly resize an image before uploading it to a website because of file size or resolution restrictions. As someone interested in cybersecurity, I always try to avoid unnecessarily uploading personal files to third-party servers. That's one of the main reasons I decided to build this tool.
I also worked on some basic SEO optimization to improve the website's visibility in search engines over time.
It's my first project of this kind, so I'd really appreciate any feedback, suggestions, or ideas for improvements!
Top comments (1)
One detail worth highlighting: when you specify width and height constraints, the browser scales to fit within both limits rather than cropping or stretching. The actual scale factor is min(maxWidth / sourceWidth, maxHeight / sourceHeight, 1), so the output preserves the original aspect ratio. File-size and pixel-dimension limits are separate checks. A 15 MB JPEG might decode to 50 million pixels, which could exceed your canvas limits even though the file itself loaded fine.
I built a similar no-upload resizer that enforces 20 MiB, 8,192 pixels per side, and 24 million total pixels: firmbeacon.co.uk/tools/image-resizer
One other gotcha: canvas output is always a still frame, so EXIF metadata and animation frames are lost during re-encoding.