1. HOME
  2. ブログ
  3. ITトピック
  4. WebPとは
ITニュース

パソコンインストラクター向けのITニュースで学ぶ

ITトピック

WebPとは

WebPとは

WebPとは

WebP(ウェッピー)は、Googleが開発し、2010年に公開したWebサイト向け画像フォーマットのことです。拡張子は「.webp」で表記されます。WebPは、画質を保ったまま軽量化した画像を書き出せるのが大きな特徴です。JPEGのように圧縮率が高いため、Webサイトへの負担や読み込みにかかる時間を軽減できます。またPNGのように背景の透過も可能で、GIFと同じようにアニメーションにも対応しています。

WebPは、JPEG、PNG、GIFの良いところをすべて取り入れた画像フォーマット

通常の画像フォーマットは、圧縮率を高めてファイルサイズを落とすほど、画質が荒くなります。しかしWebPは、画質を保ったままファイルサイズを軽減できます。

  • 容量を軽くしても画像がキレイ
  • 画像の透過もアニメーションも可能
  • 画像のフォーマットで悩まない

WebPに変換する方法

Squoosh(スクワッシュ)の使い方はとても簡単です。アプリのインストールは不要で、ブラウザ上で画像をドラッグ&ドロップし、スライダーを動かすだけ。どれだけファイルが小さくなるかをリアルタイムに確認しながら、直感的に圧縮率を調整できます。
見た目の品質をほとんど損なうことなく、画像ファイルサイズを劇的に削減できます。圧縮率は約1/10にもなります。

ウェブページに写真を貼り付けるとき、画像の解像度が高いと、クオリティは高いですが、ファイルサイズが大きいため、ロードに時間がかかります。Squooshを利用して圧縮すれば、見た目を変えずに画像を約1/10に圧縮することができます。

Squooshで変換できるフォーマット

JPEG/PNG/MozJPEG/WebP/JPEG2000/TIFF/BMP/PDF/GIF

Squooshは、2018年にGoogleが提供しているWebアプリです。
アプリのインストール不要で、ブラウザだけで、ファイルの圧縮最適化ができます。

Squooshの使い方

  1. Squooshを起動します。
  2. 画像をブラウザ上へドラッグ&ドロップします。
  3. スライダーを動かして圧縮率を調整します。
    ※ファイルがどれだけ小さくなるのかリアルタイムに確認できます。
  4. 画面右下のダウンロードボタンをクリックします。
  5. 任意の場所に圧縮後の画像を保存できます。

多くのオンライン画像ツールとSquooshを分ける決定的な違い、それは画像の処理がどこで行われるかにあります。Squooshでは、すべての処理がデバイス内(ローカル)で完結し、サーバーに画像がアップロードされることはありません。
そのため、セキュリティ上も安心です。

webp (1)
PlayPause
previous arrow
next arrow
webp (1)
webp (2)
webp (3)
webp (4)
webp (5)
webp (6)
webp (7)
webp (8)
webp (9)
webp (10)
webp (11)
webp (12)
webp (13)
squoosh
previous arrow
next arrow

関連記事