wtf is sizefoto?

SizeFoto is a small web app that resizes and compresses an image until its file size lands within a specific range in kilobytes, such as between 50 and 100 KB. This is useful for situations like online forms or document submissions that require a photo to fit within a strict file size limit rather than just being small. Everything happens directly in the browser using the HTML5 Canvas API, so no image is ever uploaded to a server. The user picks minimum and maximum size bounds, and the app repeatedly adjusts the image quality and, if needed, its dimensions until the result fits within those bounds. If an image starts out smaller than the minimum size, the app can also scale it up to meet the lower bound. The interface shows a live preview of both the original and processed image along with their file sizes, and offers a one click download once processing is done. It is built to work well on both desktop and mobile screens. The project is built with React 18, TypeScript, Vite as the build tool, and Tailwind CSS for styling, with Lucide React used for icons. A live version is hosted online, and running it locally requires Node.js version 18 or higher along with npm, yarn, or pnpm. After cloning the repository, a developer installs dependencies with npm install and starts the development server with npm run dev, which serves the app locally, usually at localhost port 5173. The project is released under the MIT license, meaning it can be used freely, including for commercial purposes, as long as the original copyright notice is kept.