WebP ファイルとは:Web が配信するのに、手元のソフトでは開けない理由
WebP の生い立ち、JPG や PNG より優れている点、ツールに拒否されたときの変換方法を解説。WebP はブラウザ内で変換でき、アップロード不要です。
概要
- 種類
- 画像
- 拡張子
- .webp
- MIME タイプ
- image/webp
WebP は 2010 年に Google から登場した形式で、VP8 動画コーデックのフレーム内符号化をもとに作られています。つまり、動画のキーフレーム 1 枚のために設計された仕組みで静止画を圧縮しているのです。その結果、それまで 2 つの形式が必要だったことを 1 つでこなせるようになりました。JPEG よりおよそ 25~30% 優れた非可逆圧縮、PNG を上回るロスレスモード、アルファチャンネル、そしてアニメーション。Web が必要としていたものをすべてカバーする 1 つの形式です。
続きを読む
だからこそ Web サイトは WebP を配信し、あなたの手元には開けないファイルが溜まっていくのです。対応の穴はブラウザにはありません。Chrome、Firefox、Safari、Edge はいずれも何年も前から WebP を読めます。穴があるのはそれ以外のすべてです。画像編集ソフトは対応が遅れ、印刷のワークフローは対応せず、Office スイートは後れを取り、古いスマートフォンは読めず、10 年前に作られたアップロードフォームは拡張子だけで拒否します。今どきのサイトで画像を右クリックして保存したら、手元のソフトでは扱えない .webp だった、というのは今やありふれた経験です。
そのため、WebP から他の形式への変換がよくある方向で、変換先は内容によって決まります。ファイルを小さくし、どこでも読めるようにしたい写真なら JPG。透明部分がある画像や、これから編集する画像なら PNG です。WebP が非可逆(Web 上のものはほとんどそうです)なら、どちらも 2 世代目のエンコードになるので、サムネイルではなく手に入る最大のバージョンから変換してください。
自分で配信するものなら、WebP への変換は十分にやる価値があります。フラットなグラフィックの PNG なら、透明部分を保ったまま 10 分の 1 から 20 分の 1 に縮むこともあります。ここでのテストでは、76 KB の PNG が 3.5 KB の WebP になりました。なお、このサイトの WebP 出力は既定の品質で非可逆です。処理しているのはお使いのブラウザのエンコーダーで、JPEG と同じ取引をしています。
WebP を他の形式に変換
他の形式を WebP に変換
WebP:よくある質問
なぜ手元のソフトで WebP を開けないのですか?
ブラウザ以外での対応が遅く、ばらつきがあったからです。現在のブラウザはすべて WebP を読めますが、古い画像編集ソフト、印刷のワークフロー、Office スイート、多くのアップロードフォームは今でも拒否します。
WebP は JPG と PNG のどちらに変換すべきですか?
小さくしてどこでも開けるようにしたい写真なら JPG です。透明部分がある画像や、これから編集する画像なら PNG にしてください。PNG ならそれ以上の劣化が止まります。
WebP は JPG より優れていますか?
はい。同程度の見た目の品質で、およそ 25~30% 小さくなります。さらに JPEG にはない透明とアニメーションにも対応しています。唯一の弱点は、ブラウザ以外のソフトの対応です。
WebP は透明に対応していますか?
はい、完全なアルファチャンネルがあります。WebP が JPEG と PNG の両方を置き換えられる大きな理由の 1 つがこれです。透明部分のある PNG を WebP に変換しても、透明は保たれます。
WebP は非可逆ですか?ロスレスですか?
両方のモードがあります。Web 上の WebP ファイルのほとんどは非可逆です。このサイトの WebP 出力は、お使いのブラウザ自身のエンコーダーを使うため、既定の品質 82 の非可逆になります。
アニメーション WebP はどうなりますか?
形式としてはアニメーションに対応していますが、ここで静止画の形式に変換すると最初のフレームだけが書き出されます。動きが必要なら GIF か MP4 に変換してください。
JPG は WebP より大きくなりますか?
たいていは大きくなり、それが普通です。WebP のほうが効率的な形式なので、JPG で同じ品質にするにはより多くのバイトが必要です。変換の目的はサイズではなく互換性です。
ここで変換すると画像はアップロードされますか?
されません。お使いのブラウザには WebP のデコーダーとエンコーダーの両方が入っているので、処理はページの中で行われ、何もダウンロードせず、画像がどこかへ送信されることもありません。