Optimize and resize your images privately, directly in your browser.
PixelSafe processes your images 100% in your browser. No image data is ever uploaded to any server. All optimization and resizing happens locally using the Canvas API and Web Workers. Your files never leave your device.
This is the core principle behind PixelSafe — you shouldn't have to trust a third party with your photos just to make them smaller.
- Drag & drop or select multiple images at once
- Batch optimization with quality control (JPEG, PNG, WebP)
- Resize options: by width, height, percentage, or max dimension
- Side-by-side comparison with savings percentage
- Download individually or as a ZIP archive
- Multi-language: English, Spanish, French, Italian, Portuguese, German, Czech
- Automatic language detection based on your browser settings
- Mobile-friendly responsive design
- Zero backend — works offline after first load
git clone git@github.com:alejandroSuch/PixelSafe.git
cd PixelSafe
npm install
npm run devOpen http://localhost:5173 in your browser.
npm run buildThe output will be in the dist/ directory.
Contributions are welcome! If you find a bug, have a feature request, or want to improve a translation:
- Open an issue describing the problem or idea
- Fork the repo and create a branch from
main - Make your changes and open a pull request
Translation files are in src/i18n/locales/. Feel free to open a PR to fix translations or add new languages.
If you find PixelSafe useful, consider supporting the project:
