【.webp】画像の「軽量化」圧縮サービス！【Squoosh】とは？

みなさんこんにちは！おさかなです！

今回は「Squoosh」について、書いていこうと思います！

それでは、レッツゴー！！！！！

画像を「軽量化」したい！

【ロゴガイドライン】のテンプレートを生成できちゃう！？【Baseline】とは？

みなさんこんにちは！おさかなです！今回は「Baseline」について、書いていこうと思います！それでは、レッツゴー！！！！！想定読者・ブランドのロゴを作りたい方・ロゴデザインが中々決まらない方・ロゴのガイドラインを...

osakanav.com

2021.12.22

「Squoosh」って何？

「Squoosh」とは、画像の「軽量化・圧縮」ができるサービスのことです。
「PNG」「JPEG」はもちろん、Webサイトでの表示速度が早い「WebP」拡張子にも変更可能な優れものとなっております！(おお！)

Squoosh

Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.

squoosh.app

LINEに「画像」を送るとAIが「文字起こし」をしてくれる？！【文字起こしばりぐっどくん】とは？

みなさんこんにちは！おさかなです！今回は「文字起こしばりぐっどくん」について、書いていこうと思います！それでは、レッツゴー！！！！！想定読者・画像から文字起こしをしたい方・画像のテキストのみ抽出したい方・LINEを...

osakanav.com

2021.11.05

実際につかってみよう！

それでは早速サイトにアクセスします！

まず軽量化したい画像を「ドラックアンドドロップ」して、アップロードしましょう！(よいしょ！)

無事にアップロードできました！(わーい！)

左下の青い矢印の「数値」は、画像がどれくらい「軽量化」したかを表しています。(ふむふむ…。)

「Compress」から、画像の「拡張子」を変更することができます！(おお！)

今回は画像の拡張子を「.webp」に変更したいと思います！

こんな感じで変更されました！

ちなみに「Lossless」にチェックを入れると、画質をそこまで落とさずに軽量化することができます！(すごい！)

編集が完了したら、右下の青いボタンから「保存」しましょう！

↓実際に作成したものがこちら

Before→After

これで全ての操作は完了です。(やった～！)
お疲れ様でした☕

ここまで読んでくださり、ありがとうございました！

画像を【リンク化】できちゃうサービス！【Folio】とは？

みなさんこんにちは！おさかなです！今回は「Folio」について、書いていこうと思います！それでは、レッツゴー！！！！！想定読者・画像をリンク化したい方・画像URLを取得したい方・画像をリンクで共有したい方画...

osakanav.com

2021.11.24