FC2ブログ

プロフィール

カロシー

Author:カロシー
はじめまして。
訪問していただき
ありがとうございます。
よかったらコメントと拍手お願いします。


最新記事


最新トラックバック


月別アーカイブ


カテゴリ


カレンダー

11 | 2018/12 | 01
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -

Google Chrome Labs の画像圧縮ツール「 Squoosh 」元画像と圧縮画像を比較しながら変換

 Google Chrome Labs は、画像圧縮ツール「 Squoosh 」を公開、元画像と圧縮画像を比較しながら圧縮や再フォーマットできるようです。

Google Chrome Labs、WebPにも対応したオープンソースの画像圧縮Webアプリ「Squoosh!」を公開。
 Google Chrome LabsのJake Archibaldさんは現地時間2018年11月12日、Googleが開発している画像フォーマット「WebP」にも対応したWebベースの画像圧縮ツール「Squoosh」を新たに公開したと発表しています。

 SquooshはWebベースのアプリですが、Google Analyticsおよび画像の圧縮前後のファイルサイズ以外のデータは記録されず、画像の圧縮はローカルで処理されでデータはサーバーに送信されないようになっており、Google ChromeなどのWebブラウザで”squoosh.app”を開いて、画像をドラッグ&ドロップするだけで処理前後の画像を表示することが可能で、PNGやJPEGはもちろん、OptiPNGやMozJPEG、WebPなど比較的新しい画像フォーマットに画像を変換することも可能となっています。

AAPL Ch.より

Squoosh
https://squoosh.app/

ページ上に画像ファイルをドロップするか「 select an image 」をクリックしてファイルを選択すると
squoosh1.jpg
画像が表示されます。
squoosh2.jpg

右側メニューの「 Resize 」にチェックして画像サイズ
squoosh3.jpg
「 Reduce Palette 」にチェックしてスライダを動かし色数などを減らすことができます。
squoosh4.jpg

「Compress」でドロップダウンからフォーマットを選択して変換でき
squoosh5.jpg
「Effort」や「Quality」のスライダを動かして画質を指定すると下部にファイルサイズや何%減るか表示されます。
squoosh6.jpg
画像中央のスライダを動かして元画像と変換後の画像を比較をすることができます。
squoosh7.jpg

「 Show advanced settings 」にチェックして詳細設定の項目を表示することができ
squoosh8.jpg
ページ翻訳するとメニューはこんな感じです。



関連記事

人気ブログランキングへ

コメント

コメントの投稿



管理者にだけ表示を許可する


トラックバック

http://caroccyblog.blog9.fc2.com/tb.php/3018-b4fe9a80

 | ホーム |