ちょっと困った、そこが知りたかった、WindowsやiPhone

WebP(ウェッピー)とは

投稿日:

WebP(ウェッピー)とは、圧縮率の高い画像フォーマットの事です。画質の低下も最小限に抑えられています。Googleが2010年に開発しましたが対応するブラウザーが少ない事から普及に時間がかかっていました。iOSは14になってからSafariで対応するようになりました。現在では主要なブラウザーで対応しています。拡張子は「.webp」となります。
(adsbygoogle = window.adsbygoogle || []).push({});

圧縮率が高いという事はwebでの表示が早くなるという利点があります。従来のJPG、PNG、GIFフォーマットの特徴を併せて持っているため、webにおいてWebPに移行させる事が可能です。

デメリットとして、インターネットエクスプローラーには対応していない事。WebPフォーマットに変換する必要がある事等があります。

それではどれだけ圧縮がかかるかを検証してみます。webpに変換するにはいくつかの方法がありますが、Squoosh(スクワッシュ)を使った方法が楽です。Squooshを開くと次にように表示するので、ピンクの円に圧縮したい画像をドラッグドロップします。但し、Squooshは一括返還は出来ません。画像が100枚あったら100回ドラッグドロップが生じます。

弊社のコーポレートサイトのメイン画像で検証します。JPGフォーマットである現在は469KBあります。画像が2分割されて左側がオリジナルで、右側が圧縮がかかった状態です。「Compress」の下からフォーマットを選択します。デフォルトはMozJPEGです。このフォーマットの拡張子はJPGで変わらないので(HTMLを編集する必要が無い)画像が多数ある場合に有効です。右下の部分に圧縮率と画像サイズを表示します。画像の拡大/縮小も可能で下部中央にある+と-で調整出来ます。

WebPを選択すると圧縮率は88%に、ファイルサイズは55.5KBまで縮小されました。右下のダウンロードボタンをクリックするとダウンロード出来ます。webpに変換した場合はHTMLの修正が必要ですが、元画像がJPGであればMozJPEG等であれば修正不要です。

お好みのフォーマットを選択出来ます。

人気のある記事

1

Microsoft Excelのシートに簡単にハンコを押す事が出来るアドインであるExcel電子印鑑ですが、突然表示しなくなった場合の対応方法を説明します。 (adsbygoogle = window …

2

iPhoneやAndroidに「Googleマップ」はありますが、Windowsにもある事はあまり知られていないようです。一般的にWindowsのアプリは「Microsoft Store」アプリからイ …

3

久しぶりにiPhoneのアプリを起動しようとすると、アイコンが暗くなって反応しない場合があります。暗いアイコンはタップしてもアプリが起動しません。 (adsbygoogle = window.adsb …

4

OneDriveを使っていて自動的にOneDriveに同期していると、「X個のファイルがOneDriveにアップロードされませんでした」というエラーとなりOneDriveのアイコンに「赤いX」が付いて …

5

Windowsのデフォルトの管理者アカウントはAdministratorで、従来、Windowsの管理用のビルトインアカウントです。ところがWindows 11ではセットアップする際のアカウントがAd …

6

iPhoneのキーボードは大体が勝手に現れて画面の下部を大きく隠してしまい、隠れている部分の画面は狭い部分をスワイプしなくてはならず、不便を感じる事があります。 しかし、ワンタッチでこの不便を一掃出来 …

7

Windowsをアップデートすると、ドライバーソフトの問題で不具合が生じる場合があります。必ずしも不具合が直るとは限りませんが、ディスプレイドライバーを更新してみるのも一つの方法です。ディスプレイドラ …

8

解約済みのプロバイダーのメールを使うと毎回エラーを表示してウザいものです。そのためすぐに削除したいと感じると思います。ところが、新たに契約したプロバイダーのメールを設定すると、解約したプロバイダーのメ …

9

iPadのSafariを使っているうちに、画面が2分割されてしまう場合があります。理由を知らないと焦ってしまいます。 (adsbygoogle = window.adsbygoogle || []). …

10

我が家には2羽のセキセイインコがいるので空気清浄機は必須です。今まではSharpのプラズマクラスター搭載空気清浄機がありましたが、古くなったので色々と考えた挙句、Dyson Pure Hot + Co …