[[PNG]]や[[GIF]]の後継として大いに期待。一部サービスで利用制限はあるものの、[[Minerva]]の運用に限れば問題ないと判断。スクショは引き続き[[PNG]]を利用するので影響範囲はそこまででもない。 ## 経緯 2021年の秋頃、[[Minerva]]とは別で[[WebP]]形式をメインにしようと思ったことがある。 > [[💿PRO-0001 メディアファイルにWebPを使う]] ただ、当初は以下のデメリットがあったため、対応を見送った。 - [[Slack]]や[[Obsidian]]が対応していない - [[WebP]]の変換ツールがあまり整備されていない - 未対応ブラウザで閲覧できなくなる - [[Windows]]のエクスプローラーでプレビューが出ないため見にくい あれから2年ほど経ち、先ほどのデメリットは解消された。 - [[Slack]]や[[Obsidian]]が対応していない - 今はどちらも対応している - [[WebP]]の変換ツールがあまり整備されていない - [[ffmpeg]]で変換できる - 未対応ブラウザで閲覧できなくなる - [[IE11]]以外はサポート済 かつ [[IE11]]はサポート切れなので考慮不要 - [[Windows]]のエクスプローラーでプレビューが出ないため見にくい - 今はプレビューで確認できる 今一度、[[WebP]]の是非について、特に[[Minerva]] ([[Obsidian]]) での採用をまずは検討したい。 ## 事前調査情報 改めて、各ファイルのサイズと画質を比較してみた。 > [[📰2024-01 webpとその他形式(png,jpg,gif,mp4)のサイズと画質を比較してみる]] まとめると、静止画の場合は以下のようになる。太字は『画像劣化が見られる』場合。 | ケース | png | png(圧縮) | jpeg | webp | | ------------ | ------ | ---------------- | ----- | ------ | | キャラクター | 1.13MB | **235KB** | 110KB | 76.8KB | | ロゴ | 707KB | 174KB | 84KB | 78.4KB | | イラスト | 2.17MB | **517KB** | 150KB | 134KB | | 実写風景 | 2.6MB | 692KB | 144KB | 204KB | 動画は以下。 | ケース | mp4 | gif | gif(最適化) | mp4(圧縮) | webp | | ----------- | ----- | --------- | ----------- | --------- | ----- | | Vim操作動画 | 300KB | **281KB** | 718KB | 67.3KB | 336KB | ## 提案内容 - [[PNG]]、[[JPEG]]、[[GIF]]の代わりに[[WebP]]を使う - ただし、以下の場合は例外 - [[MP4]]の利用が妥当な場合 (サイズがより削減できるので) - 品質が問われない画像 (手順画像など) ### シーンと利用フォーマット 〇は採用するフォーマット。△は[[WebP]]がなければ採用するフォーマット。 | シーン | PNG | GIF | JPEG | MP4 | WebP | | ---- | ---- | ---- | ---- | ---- | ---- | | 背景透過画像 | △ | | | | 〇 | | イラスト | △ | | △ | | 〇 | | 実写風景 | | | △ | | 〇 | | スクショ | 〇 | | | | | | 手順動画 | | △ | | 〇 | 〇 | | mp4が使えないとき | | △ | | | 〇 | - スクショの撮影以外を除き、静止画では[[WebP]]を推奨 ([[JPEG]]は利用しない) - 動画はまず[[MP4]]を検討、次点で[[WebP]] ([[GIF]]は利用しない) ## 承諾した場合の結果 ### メリット - 画像フォーマットをすべて[[WebP]]に統一できる - 全体的に画像ファイルを削減できる - [[Minerva]]の参照スピードアップ - [[Obsidian Sync]]や[[Obsidian Publish]]の要領削減にもなる ### デメリット - [[ffmpeg]]を用いての[[WebP]]変換が面倒 - [[Screenpressoにてデフォルトで画像を圧縮]]している場合は追加処理が不要だったが、[[ffmpeg]]で[[WebP]]変換しなければいけない - 特にクリップボードのデータを使いたいときに不便 - クリップボードを使いたいシーンは画質を問われないケースが多いので、そこまで問題にならないと思いたい - 場合によっては[[JPEG]]に比べてファイルサイズが大きくなってしまう - 実験結果を見ると、極端に大きくなることはなさそうな印象 - はじめのうちは両フォーマットのサイズを比較して様子見すればよい - 一部のサービスで利用できない場合がある - [[𝕏]]や[[Discord]]は動画の[[WebP]]をアップロードできない - サイズ気にしなくていいので[[GIF]]や[[PNG]](圧縮)でOK - [[IE11]]で閲覧できない - そらそうよ