Photo Smaller

Photo Smaller is a super easy-to-use offline image compression tool. Its UI is intuitive and supports compression configuration. At the same time, because it is purely local compression without any server-side logic, it is completely safe.

Develop

Photo Smaller a Vite + React project, you have to get familiar with them first. It uses modern browser technologies such as OffscreenCanvas, WebAssembly, and Web Worker. You should also be familiar with them before developing.

# Clone the repo
git clone https://github.com/hunghg255/photo-smaller.git

# Change cwd
cd ./photo-smaller

# Install dependences
npm install

# Start to develop
npm run dev

Deploy

If you want to independently deploy this project on your own server, the following document based on Docker, and Dockerfile script has been tested. Within the project root directory, follow the instructions to start docker application

# Build docker image from Dockerfile
docker build -t photosmaller .

# Start a container
docker run -p 3001:3001 -d photosmaller

Now you can access the project via http://127.0.0.1:3001. If you want your project to be accessible to everyone, you need to prepare a domain name pointing to your local machine, and then proxy it to port 3001 of this machine, through a reverse proxy server like nginx.

Thanks

• ant-design Provides React-based UI solutions
• wasm-image-compressor Provides PNG image compression implementation based on Webassembly
• gifsicle-wasm-browser Provides GIF image compression implementation based on Webassembly
• wasm_avif Provides AVIF image compression implementation based on Webassembly
• svgo Provides SVG vector compression