Go to file
Jake Archibald a3b341f813 New homepage (#861)
* Paste button

* Logo and animated blobs

* Predictable initial blob position

* Initial blob shape

* Update canvas on resize if not updating every frame

* lol

* Get styles from CSS

* Background blobs

* Fade into the center

* Get initial focus

* Pause time while page is hidden

* Footer

* Optimise amount of initial CSS

* More CSS optimisation

* Install button

* Home page with demo loading

* Tweak size

* Replace thumbnails

* Responsive demo section

* Responsive main section

* Remove debug stuff

* Fix prerender SVG size

* Changes from feedback

* Blob nudges (#872)

* more smaller blobs

* less blobs that are practically invisible

* more dynamic speed range and stronger gravity

* Reverting resize observer change

The content rect is different to getBoundingClientRect

Co-authored-by: Adam Argyle <atom@argyleink.com>
2020-12-05 11:21:33 +00:00
2020-11-20 21:41:57 +00:00
2020-12-05 11:21:33 +00:00
2020-12-05 11:21:33 +00:00
2020-05-14 16:30:12 +01:00
2020-11-19 11:00:23 +00:00
2020-11-19 11:20:04 +00:00
2020-11-20 11:51:43 +00:00
2020-11-19 11:00:23 +00:00
2020-11-19 11:00:23 +00:00
2018-03-02 04:49:12 -05:00
2020-11-19 11:00:23 +00:00
2020-11-19 11:00:23 +00:00
2019-10-30 19:44:49 +09:00
2018-03-02 04:49:12 -05:00
2020-11-19 11:00:23 +00:00
2020-06-23 16:16:32 -04:00
2020-05-05 11:19:40 +01:00
2020-11-19 15:03:51 +00:00
2020-11-19 11:00:23 +00:00
2020-11-19 11:00:23 +00:00
2020-11-19 11:00:23 +00:00

Squoosh!

Squoosh is an image compression web app that allows you to dive into the advanced options provided by various image compressors.

Privacy

Google Analytics is used to record the following:

  • Basic visit data.
  • Before and after image size once an image is downloaded. These values are rounded to the nearest kilobyte.
  • If install is available, when Squoosh is installed, and what method was used to install Squoosh.

Image compression is handled locally; no additional data is sent to the server.

Building locally

Clone the repo, and:

npm install
npm run build

You can run the development server with:

npm start
Description
Make images smaller using best-in-class codecs, right in the browser.
Readme Apache-2.0 164 MiB
Languages
TypeScript 62.5%
JavaScript 10%
C++ 9.5%
CSS 8.9%
Makefile 3.9%
Other 5.2%