みなさんこんにちは!おさかなです!
今回は「Squoosh」について、書いていこうと思います!
それでは、レッツゴー!!!!!
想定読者
・画像を圧縮したい方
・画像の「拡張子」を変更したい方
・画像の編集ツールを探している方
・画像を圧縮したい方
・画像の「拡張子」を変更したい方
・画像の編集ツールを探している方
画像を「軽量化」したい!

おさかな
画像を「.webp」拡張子にして、軽量化したい!

ナビまる
それなら「Squoosh」がおすすめ!

おさかな
早速使ってみる〜!

【ロゴガイドライン】のテンプレートを生成できちゃう!?【Baseline】とは?
みなさんこんにちは!おさかなです!今回は「Baseline」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・ブランドのロゴを作りたい方・ロゴデザインが中々決まらない方・ロゴのガイドラインを...
「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.

LINEに「画像」を送るとAIが「文字起こし」をしてくれる?!【文字起こしばりぐっどくん】とは?
みなさんこんにちは!おさかなです!今回は「文字起こしばりぐっどくん」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・画像から文字起こしをしたい方・画像のテキストのみ抽出したい方・LINEを...
実際につかってみよう!
それでは早速サイトにアクセスします!

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

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

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

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

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

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

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

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

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



おさかな
画質にあまり差がない状態で、「軽量化」できるのは良いね🌼
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!

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