Google Chrome Labsが画像圧縮WEBアプリ「Squoosh」をリリース！

おはようございます、社員Aです👩

今回は、GoogleのChrome Dev Summim 2018で発表され、2018年11月12日にGoogle Chrome Labsがリリースした画像圧縮WEBアプリ「Squoosh」についてご紹介します。

ブラウザ上で簡単に画像圧縮できるWEBアプリ「Squoosh」

Google Chrome Labsが、画像を圧縮・再フォーマットできる「Squoosh」というWEBアプリをリリースしました。

GoogleのChrome Dev Summim 2018で発表され、すべてブラウザ上で使用できることが最大のメリットであり、現段階でスマホを含むすべての主要ブラウザで利用可能となっています。

Google Analyticsおよび画像の圧縮前後のファイルサイズ以外のデータは記録されず、画像の圧縮はローカルで処理されでデータはサーバーに送信されないようになっており、セキュリティ面でも安心です。

squoosh.app

 

8 Tweets

1805 Shares

220 Users

3189 Pockets

Squoosh

https://squoosh.app

Compress and compare images with different codecs, right in your browser

使い方も非常にシンプル

「Squoosh」は使い方も非常にシンプルで、選択した画像をツールにドラッグアンドドロップすると、MozJPEG、OptiPNG、Google独自のWebPなどの圧縮標準から選択できます。

小さなスライダを使用すると、圧縮のレベルをすばやく調整でき、最終的なファイルサイズの合計が表示されます。

2つ目のスライダを画像全体に引っ張って、圧縮効果を簡単に確認できます。

一度画像を読み込んだら、オフラインで画像編集することができるのもメリットです。

オプションも豊富

単に画像圧縮だけでなく下記のようなオプションも充実しています。

• 品質パーセンテージ
• スムージング
• リサイズ
• ディザリング
• カラーパレット縮小

ソースコードはGitHub上で公開されている

クライアントサイドスクリプト言語、WebAssemblyの技術的デモを兼ねており、ソースコードがGitHub上で公開されています。

GitHub

 

1 Tweet

80 Shares

17 Users

166 Pockets

GoogleChromeLabs/squoosh

https://github.com/GoogleChromeLabs/squoosh

Make images smaller using best-in-class codecs, right in the browser. - GoogleChromeLabs/squoosh

まとめ

ブラウザ上で画像圧縮できるツールは多くありますが、Squooshは圧縮のレベルを直感的に調整できたりと柔軟性が高く、WEB制作に携わる人にとってとても便利なツールとなりそうです。

▼関連記事

ゆにメモ

 

1 Pocket

サイトの表示速度が上がる！画像圧縮サイト4つ【比較表あり】

https://blog.universe-web.jp/573

こんばんは！社員Aですやっと少し涼しくなってきて、いよいよ夏が終わったんだなぁとちょっと寂しくなる、夏が大好きな社員Aです👩。昔から夏が好きで、夏休みがあるからって言う理由が一番大きかったと思うのですが、夏が来る直前の6月はちょっとそわそわするくらいです。秋のしっとりとした雰囲気も好きですけどね🍁みなさんは、どの季節が一番好きですか？さて、本日はおすすめの画像圧縮ツールを紹介していきたいと思います！ サイトの表示速度を上げるために欠かせない、画像圧縮サービスサイトを開くときに重...