Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

Image Compressor / Resizer

A simple, dependency-free tool to compress and/or resize images directly in the browser — no uploads, no server processing.

✨ Features

  • Drag-and-drop or click to upload any image
  • Resize by width/height, with an optional locked aspect ratio
  • Output format selection — JPEG, WebP or PNG
  • Adjustable quality slider (1–100%) for lossy formats
  • Live before/after stats — original size, new size, and % reduction
  • One-click download of the processed image
  • 100% client-side — powered by the Canvas API, nothing is ever uploaded

🚀 Demo

Just open index.html in any browser, or use it directly online:

🔗 Try it live

🖱️ How to use

  1. Drag an image onto the dropzone, or click it to choose a file.
  2. Adjust width/height (aspect ratio is locked by default) and pick an output format.
  3. For JPEG/WebP, use the quality slider to balance size vs. quality.
  4. Check the size comparison, then click "Baixar imagem" to download the result.

🛠️ Tech stack

  • Vanilla HTML, CSS and JavaScript — no frameworks, no build tools
  • Canvas API for resizing/re-encoding, canvas.toBlob() for compression and export

📄 License

MIT — feel free to use, modify and share.

👤 Author

José "Z3z0m" Paulo Figueiredo GitHub · itch.io

About

Compress and resize images directly in the browser — vanilla JS, no uploads, no dependencies.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages