【コラム】

新・OS X ハッキング!

25 高圧縮率画像フォーマット「WebP」をLionで使う

 

25/167

ファイルサーバ用にMac miniを購入しました。昨晩届いたばかりでメモリは2GBのまま、しばらくSafariを使っているとページングが始まるというやるせなさ……とりあえず8GBに増設してみます。

さて、今回は「WebP」について。Googleが開発を進める高圧縮率の画像フォーマットで、現在Chromeなど一部のWebブラウザにしかサポートされていないが、「Webの高速化」という高邁な理想のもと、JPEGやGIFなど既存の画像フォーマットを代替すべく改良が進められている。そのWebPの最新状況と、OS Xへの導入方法を解説してみよう。

What's WebP?

WebP(ウェッピー)は、高圧縮率が特徴の画像フォーマット。2009年にGoogleが買収したOn2社のビデオコーデック「VP8」の技術を利用し、その高圧縮率を静止画でも実現すべくオープンソースでの開発がスタートした。その圧縮効率は高く、同画質のJPEGと比較してファイルサイズは10%から80%ほどだ。

WebPの開発動機は、「Webのトラフィックにおける画像データの比率を低減する」ことにある。Googleの説明によれば、画像ファイルはWebトラフィックの約65%を占めており、ネットワーク帯域を圧迫しユーザビリティを低下させているという。それらをより効率的な(圧縮率の高い)フォーマットに置き換えることができれば、トラフィックを減らせるというわけだ。

これはともすると、Googleが世界のWeb利用者に向けた壮大な慈善事業のようにも受け取れるが、検索などのサービスを収益源とする同社にとって、Webの高速化/帯域確保は検索回数の増加など「Webサービスの回転率アップ」につながり、結果として収益増に貢献する。誰のためでもない、WebPの推進はGoogle自身の利益につながることなのだ。

ただし、現状WebPをネイティブサポートするのはGoogle ChromeとOperaのみ。そのシェアからすると、トラフィック削減に貢献できる機会は少なく、しかも現状WebPを使用するWebサイトはごくわずか。JPEGやGIF、PNGをいつ、どのようなタイミングで置き換えようというのか。Googleというガリバーだからこそ許される、なんともスケールの大きい話ではある。

最新版Google Chrome(v15)で表示したWebPのイメージ。オプションに「filetype:webp」と指定するとGoogleで検索できる

Googleの画像検索オプション画面から「WebP」を指定することもできる

最新のWebPをOS X Lionで試す

そのWebPが先日アップデートされ、可逆圧縮(ロスレス)モードをサポートした。同じく可逆圧縮のPNGと比較すると、WebPの可逆圧縮モードは平均して45%ファイルサイズが減少するという。Googleによれば、圧縮率最適化ツールを利用したPNGと比較しても、平均28%小さくなったそうだ。

アルファチャンネルが利用できる透過モードもサポートされた。可逆圧縮と不可逆圧縮どちらのモードでも利用でき、「可逆圧縮/アルファチャンネルあり」を「不可逆圧縮/アルファチャンネルなし」に比べても22%の容量増ですむという。

WebPをOS Xで使う近道は、やはりGoogle Chromeを使うことだ。プラグイン「Weppy」を導入してSafariで表示、という手もあるが、最新版のSafariはプラグインの仕様が変更されたため、Lionでは利用できない。

どうしてもGoogle Chromeに頼らずLionでWebPを扱いたい、しかも可逆圧縮/透過モードをサポートした最新版を……という場合には、コマンドラインツールを使うしかない。本稿執筆時点の最新版「libwebp-experimental-mac-10.6.tar.gz」をサイトから入手し、試してほしい。

そのテストだが、アーカイブに含まれるスクリプト「png2webp_opt.sh」を利用する。「-i」オプションに続けてPNGファイル、その後に非可逆圧縮のWebPイメージを生成するため「-lossless」オプションを指定すれば、「.webpll」と「.webpll.png」が生成されるはずだ。

$ ./png2webp_opt.sh -i about.png -lossless

なお、エンコードの負荷は高く、Core i5搭載のMac mini(Mid 2011)でも、「このMacについて」のスクリーンショットという小さな画像の処理に24秒もの時間を要した。しかも、オリジナル(*.png)と*.webpllをPNGに再変換したもの(*.webpll.png)のファイルサイズが若干異なるという、素直に非可逆圧縮とは思えない結果を確認している。いずれにせよ、開発初期段階であるため、今後の改良に期待したい。

非可逆圧縮型WebP(*.webpll)のエンコード/デコードには、かなりの負荷がかかる

非可逆圧縮型WebPを再変換したPNG画像。一見したかぎりではオリジナルとの差は確認できない

関連記事

25/167

インデックス

連載目次
第167回 OS X El Capitanでも健在の「ディレクトリサービス」
第166回 開発者でなくても「Swift」は便利に使える
第165回 次の「Sierra」で消えるあれこれ
第164回 「Continuity」非対応の旧型Macで「AirDrop」や「HandOff」を利用できるワザを発見!
第163回 URLスキームでiPhoneと賢く連携
第162回 El Capitan時代のデスクトップ裏設定術
第161回 El Capitan時代のFinder裏設定術
第160回 コマンド環境の充実度でWindows 10が急伸!? 負けじとOS Xの「bash」を日本語対応させる
第159回 Safari Technology Previewを試す
第158回 機能逆引きなら使える? 便利に使えるワンフレーズコマンド集(5)
第157回 機能逆引きなら使える? 便利に使えるワンフレーズコマンド集(4)
第156回 機能逆引きなら使える? 便利に使えるワンフレーズコマンド集(3)
第155回 機能逆引きなら使える? 便利に使えるワンフレーズコマンド集(2)
第154回 機能逆引きなら使える? 便利に使えるワンフレーズコマンド集(1)
第153回 まだまだ現役の光学ドライブを「drutil」で使う
第152回 El Capitanの「SIP」をもっと知る
第151回 さようならiTunes ~正確にCDを取り込む~
第150回 さようならiTunes ~MPDのススメ その2~
第149回 さようならiTunes ~MPDのススメ その1~
第148回 「El Capitan」のココが気になる ~音声入力編~
第147回 「El Capitan」のココが気になる ~ホスト名編~
第146回 El Capitan」のココが気になる ~Disk Utility編~
第145回 「El Capitan」のココが気になる ~消えた機能対策編~
第144回 「El Capitan」のココが気になる ~Spotlight編~
第143回 Terminalから見た「El Capitan」の変更点(2)
第142回 Terminalから見た「El Capitan」の変更点(1)
第141回 「Raspberry Pi」をOS Xで快適に使うために(3)
第140回 「Raspberry Pi」をOS Xで快適に使うために(2)
第139回 「Raspberry Pi」をOS Xで快適に使うために(1)
第138回 単発処理もOK、「pmset」の電源管理ワザ
第137回 Yosemiteで「Web共有」を復活させる
第136回 いまさら聞けない? シェルの基本技(2)
第135回 いまさら聞けない? シェルの基本技(1)
第134回 いまさら聞けない? ターミナルの環境整備(3)
第133回 いまさら聞けない? ターミナルの環境整備(2)
第132回 いまさら聞けない? ターミナルの環境整備(1)
第131回 軽いPNGをもっと「軽く」する
第130回 実は種類がある「PNG」の見分けかた
第129回 Yosemite使いは知っておくべき「Core Storage対策」
第128回 「lsappinfo」で知るCoreApplicationServices
第127回 知られざるツール「Widget Simulator」
第126回 Yosemiteでついに消えた「あのファイルたち」
第125回 「Sublime Text」奮闘記 ~実践編~
第124回 「Sublime Text」奮闘記 ~導入編~
第123回 MacとiPhoneですぐに試せる「iBeacon」
第122回 OS XのTTSフロントエンド「say」が歌う!
第121回 BSDレイヤー温故知新(5)「固有コマンド:textutil」
第120回 BSDレイヤー温故知新(4)「Spotlight」
第119回 BSDレイヤー温故知新(3)「スーパーサーバ」
第118回 BSDレイヤー温故知新(2)「KEXT」
第117回 BSDレイヤー温故知新(1)「iノード」
第116回 インタラクティブになった「say」と戯れる
第115回 意外に奥深い? 「字数カウント」のテク
第114回 Kindle本発売記念、defaultsコマンドのYet Anotherな使い方
第113回 あのファイルシステムをOS Xでラクに読み書き(1)
第112回 知っているとファイル検索が変わる「mdfind」
第111回 Yet Anotherなファイアウォール「PF」をラクに使う
第110回 MavericksにしたらNASがおかしい、そんなときの対策
第109回 FinderとTerminalの連携を考える
第108回 『Mavericksの新コマンド(2)』
第107回 『Mavericksの新コマンド(1)』
第106回 Mavericks目前だから「添付ファイル」を整理!
第105回 iOS 7公開直前! iOSデバイスのバックアップを整理する
第104回 OS Xの音声入力、知られざるワザ
第103回 Mavericksに備えてホームディレクトリをお引っ越し
第102回 Mavericksの新規インストールは「キーチェーン」のコピーで快適!
第101回 OS Xのデスクトップに「シェル由来の機能」を見る
第100回 いま敢えて「お約束のシェルの機能」を知る
第99回 Mavericks以降なくなる(はずの)アレコレ
第98回 ここにSVGファイルがあるじゃろ?
第97回 Mountain Lionの知名度は低いが有用なコマンドたち
第96回 スパイも安心? なファイル削除コマンド「srm」
第95回 あのデバイスのIPアドレスを調べるには
第94回 pkgutilでインストーラパッケージを削除する
第93回 いまや必須の「SDカード」と付き合う方法(後編)
第92回 いまや必須の「SDカード」と付き合う方法(前編)
第91回 OS X標準の機能でも、PDFはここまでできる
第90回 S Xを快適に使う「5つの心がけ」~ プロセス管理編
第89回 OS Xを快適に使う「5つの心がけ」~ 無線LAN編
第88回 OS Xを快適に使う「5つの心がけ」~ Safari編
第87回 OS Xを快適に使う「5つの心がけ」~ メモリ領域の管理編
第86回 OS Xを快適に使う「5つの心がけ」~ Launchpad編
第85回 ふと気がつけば4GB目前! 肥大化するログファイルに備えよう
第84回 話題の「File:///」とURLスキーム
第83回 Mountain Lionで消えた「enviroment.plist」
第82回 「QuickTime」に見るOS Xとの関係の変化
第81回 OS Xの「マルウェア」対策を知る
第80回 CS2騒動で思い出した「Rosetta」、そして「X11」
第79回 【新春特別企画】どうなる? 2013年のMacを考える
第78回 印刷をもっと楽しく! オリジナルの「表紙」をつくる
第77回 「Python」でGUIスクリプトを記述する
第76回 Web共有を復活させ「Wii U」の動画再生能力をチェック
第75回 毎年恒例の宛名印刷に「連絡先」のデータを生かす
第74回 いまも現役「WebObjects」との付き合い方
第73回 OS XでAndroid生活(MOVERIO BT-100編)
第72回 日本語ロケールと「Kyokoさん」の関係
第71回 Terminalから「共有」機能にアクセスすれば、画像添付ツイートもOK!
第70回 iPhone 5の「テザリング」とOS Xが共存共栄するには
第69回 意外? TerminalとTwitterは相性良好!
第68回 iPhone 5テザリング日記 ~au編~
第67回 DRMフリーで320kbps! 「Mora」の曲をiPhoneで聴こう
第66回 Terminalの制御コードに親しもう
第65回 特別編:iPod touch化したiPhone 4、自分はこう使う
第64回 ネイティブ化された「GIMP」を再びリスペクト
第63回 Bluetoothスピーカーの音質改善策、その意外な結末
第62回 知らなかった? ちょっと便利なMountain Lionの新機能(2)
第61回 知らなかった? ちょっと便利なMountain Lionの新機能(1)
第60回 「通知センター」の舞台裏を知る
第59回 iOSを超えた? Mountain LionのAirPlayサポート
第58回 続:iCloudは汎用ストレージとして使えるか?
第57回 iCloudは汎用ストレージとして使えるか?
第56回 新世代のOS Xユーザへ(4):情報の宝庫「/var」
第55回 SDHCカードをLionの起動ディスクとして使う
第54回 新世代のOS Xユーザへ(3):Terminalの暗黒面
第53回 新世代のOS Xユーザへ(2):知っておきたいコマンドたち
第52回 新世代のOS Xユーザへ(1):CUIのススメ
第51回 OS XがAirPlayの受け手になる「AirServer」を試す
第50回 iTunesで「ミドルレゾ音源」を楽しもう
第49回 軽い! 「フォトストリーム」を無手勝流検索
第48回 画像だけじゃない? OS Xに「高精細時代」が到来する
第47回 いま話題のリモートシェル「Mosh」を試す
第46回 外付けHDDをCore Storage形式に変換する
第45回 書類フォルダとして使える? 話題の「Google Drive」をテスト
第44回 知らなきゃ損する「tmutil」の便利機能
第43回 Emacsの「Dired」で拡張子を積極活用
第42回 フォトストリームに新iPad、RAW画像はどうする?
第41回 OS Xでも便利に使える「URLスキーム」
第40回 iPhoneの写真をOS Xで楽しむもうひとつの方法
第39回 実は大きく変わった「Safari 5.1.4」
第38回 Siriがなんだ! いまこそKyokoさんの魅力を再認識
第37回 これから必須のセキュリティモデル「サンドボックス」
第36回 DRMフリーになった「M4Aファイル」を解析する
第35回 番外編:夏登場の「Mountain Lion」、ココに注目
第34回 オープンソースの「Apple Lossless」を念入りに検証する
第33回 意外に知らない「画面共有」
第32回 OS Xで「Blu-ray」を読み書き(2)
第31回 OS Xで「Blu-ray」を読み書き(1)
第30回 「__MACOSX」の意味は? いま敢えて「zip」を見直す
第29回 enscriptでソースコードをカラー印刷
第28回 年末特別企画:ホームフォルダを大掃除
第27回 アスキーアートで描く「賀正」
第26回 手軽にOS Xを「AirPlayサーバ」として使う
第25回 高圧縮率画像フォーマット「WebP」をLionで使う
第24回 OS XのSafariから直接「AirPlay」する
第23回 Mailの「アドレス自動補完機能」をあれこれイジる
第22回 launchctlで読み解くLionとiCloudの関係
第21回 OS XでAndroid生活(スクリーンショット対策編)
第20回 あなたの知らない「Dock」の横顔
第19回 いま敢えて「Quick Look」をリスペクト
第18回 Safariの「リーディングリスト」を勝手に編集
第17回 Lionに見つけたSteveの面影
第16回 Kyokoさんに「OS X」を「オーエステン」と発音させる
第15回 Lion備忘録(8) ~タイムマシンにおねがい~
第14回 Lion備忘録(7) ~これ知ってる? なTIPS~
第13回 Lion備忘録(7) ~フルスクリーンと賢く付き合う~
第12回 Lion備忘録(5) ~キーボード愛好者へ捧ぐ~
第11回 Lion備忘録(4) ~Lionの「おせっかい」対策~
第10回 Lion備忘録(3) ~LaunchPadの謎を解く~
第9回 Lion備忘録(2) ~「Mission Control」に慣れる~
第8回 話題のクラウド「Nドライブエクスプローラー」を試す
第7回 Lion備忘録(1) ~「avconvert」で知るCoreMedia~
第6回 Lionへアップグレードするその前に~インストールDVDをつくろう~
第5回 強力無比のターミナルエミュレータ「iTerm2」
第4回 MacBook Proのスーパードライブにさようなら
第3回 万能ナイフ的メディアプレイヤー「VLC」の知られざる機能
第2回 Lion直前だからこそ、スマートにHDDを健康診断する
第1回 ひと足お先に「iTunes in the Cloud」で音楽の同期を試す

もっと見る

人気記事

一覧

新着記事

オリラジ中田の妻・福田萌、第2子妊娠を報告「家族みんなで心待ちに」
[05:00 8/31] エンタメ
中条あやみがアラレちゃんに!Dr.スランプ×GUの新CM、内田有紀や高良健吾も
[04:00 8/31] ホビー
[中条あやみ]アラレちゃんに変身 「ほよよ」
[04:00 8/31] エンタメ
[ラブライブ!]PV集BDがオリコン総合3位 発売初週に5万枚
[04:00 8/31] ホビー
櫻井翔、喉頭がん乗り越えたつんく♂と語り合う - アフラック新CM
[04:00 8/31] エンタメ