Coder Social home page Coder Social logo

angus6b23 / squash Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 11.44 MB

Squash is an image optimization tool built on top of codecs provided by squoosh.

Home Page: https://squash.12a.app

License: GNU Affero General Public License v3.0

JavaScript 14.13% HTML 2.10% TypeScript 47.18% Makefile 7.35% C++ 18.76% Shell 0.36% Dockerfile 0.79% Rust 8.90% CSS 0.44%
avif image-optimization image-processing jpegxl mozjpeg oxipng react squoosh webapp webp

squash's Introduction

squash-logo

Squash

GitHub License Liberapay receiving

An image optimization tool allows you to compress and covert images in your browser

Live Site

Screenshots

kiku-screenshot kiku-screenshot

Features

  • Up-to-date encoders, using encoders provided by Squoosh
  • Secure and private, no images are uploaded to any server
  • No file sizes or count limit forever
  • Batch optimization, drag multiple images and click Optimize All and all done
  • No installation required
  • You don't have to mess with cli or random npm packages
  • Do not collect a five-page long "basic visitor data"
  • Automatically select the best method for you with sane defaults

Why building another image optimization tool?

I have tried:

  • Squoosh - Best of all, but do not support batch optimization and unlikely to be in near future
  • @squoosh/cli - Do not work for me and no longer maintained :(
  • Caesium Image Compressor - First option appears on alternative.to, but functionality really limited (5 files a time and do not support converting formats)
  • tinyXXX(Insert image format here) - Those creepy webpages really make me feel reluctant to upload my images to their sites

Good thing is that squoosh is open-sourced and I can build my own version easily

Known issues

  • Browsers with dynamic import or canvas disabled (E.g. librewolf) will not work

Building the application by yourself

  1. Clone the git repository

    git clone https://github.com/angus6b23/squash

  2. Run yarn / npm to install dependencies

    Using yarn yarn

    Using npm npm install

  3. Build and package the files

    Using yarn yarn build

    Using npm npn run build

  4. If the build process is successful, the files will be available in "dist" folder

License

img

This app is provided under AGPL v3.0 or later. For details, please see https://www.gnu.org/licenses/agpl-3.0.html

squash's People

Contributors

angus6b23 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.