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

Technology
スポンサーリンク

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

今回は「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」にチェックを入れると、画質をそこまで落とさずに軽量化することができます!(すごい!)

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

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

BeforeAfter

.png
.webp
おさかな
おさかな

画質にあまり差がない状態で、「軽量化」できるのは良いね🌼

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

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

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

文章が書けちゃう、新種のおさかなです。

元不登校。引っ越し以外の理由で3回も転校したのに、結局中卒。
現在はマイペースに「プログラム」書いたり、「作曲」したり「文章」書いたり色々してます。
SAOのユウキが好きです!

おさかなをフォローする

この記事は役に立ちましたか?

タイトルとURLをコピーしました