Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hunghg255/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.
https://github.com/hunghg255/photo-smaller
compression image-compression image-processing optimization photo-optimizer-9 photos small
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/hunghg255/photo-smaller
- Owner: hunghg255
- License: mit
- Created: 2024-05-28T08:36:16.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-06-06T10:09:48.000Z (8 months ago)
- Last Synced: 2024-06-06T11:39:04.572Z (8 months ago)
- Topics: compression, image-compression, image-processing, optimization, photo-optimizer-9, photos, small
- Language: JavaScript
- Homepage: https://photo-smaller.vercel.app
- Size: 603 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://vitejs.dev/) + [React](https://react.dev/) 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.
```bash
# 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](./Dockerfile) script has been tested. Within the project root directory, follow the instructions to start docker application
```bash
# 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](https://github.com/ant-design/ant-design) Provides React-based UI solutions
- [wasm-image-compressor](https://github.com/antelle/wasm-image-compressor) Provides PNG image compression implementation based on Webassembly
- [gifsicle-wasm-browser](https://github.com/renzhezhilu/gifsicle-wasm-browser) Provides GIF image compression implementation based on Webassembly
- [wasm_avif](https://github.com/packurl/wasm_avif) Provides AVIF image compression implementation based on Webassembly
- [svgo](https://github.com/svg/svgo) Provides SVG vector compression