![]() |
DD_belatedPNG: better PNG background-image support in IE6 |
YSlow開発者であり高速Webサイト構築テクニック紹介者であるStoyan Stefanov氏はこれまで5回に渡って画像最適化方法を紹介してきた。簡単に要約すると写真にはJPEGを使いそれ以外にはPNG8を使う、適切な画像処理ツールを使って画像データの最適化を行う方法がお薦めということになる。
問題視されるのはIE6だ。シェアを落とし続けているとはいえ、Firefoxの合計シェアに匹敵する20%ほどのシェアを誇っている。IE6は透過データを含んだPNGを正しく描画できない。Stoyan Stefanov氏はこの問題を回避する方法としてAlphaImageLoaderを使う方法もあるが、描画性能が悪いためPNG8を工夫することで対処した方がいいと説明している。
そこで最近登場したDrew Diller氏のDD_belatedPNGに注目したい。10日に最初のバージョンが公開されてから数日おきにアップデートが繰り返し実施されている。DD_belatedPNGはIE6で透過データを含んだPNGを表示できるようにしたり、透過データを含んだPNG24をbackground-imageに指定できるようにするためのフレームワーク。Stoyan Stefanov氏は画像最適化シリーズ第5弾で、推奨できないがIE6ではVMLを使うとパフォーマンスもまずまずだし消費メモリも少ないまま透過データを含んだPNGが使えるようになると説明している。DD_belatedPNGはVMLを活用している。
PNG8画像を工夫することでIE6でもそれなりに見える画像を作ることは可能だが、その編集作業をサポートしたアプリケーションが少ないことや、完璧なサポートにはならないという問題がある。作業の手間を考えると、PNG8は通常どおり作成し、IE6に対してはDD_belatedPNGを使って処理するというのは現実的な選択肢だ。
| AlphaImageLoaderで透過PNGは重い、PNG8工夫で対処が適切 [2008/12/12] |
| JPEGをプログレッシブにするかどうかの分かれ目は10KB [2008/12/11] |
| JavaScriptを使わないでIE6で透過PNGを使う方法 [2008/12/5] |
| Stefanov氏、画像サイズを縮小化する4つの手順を紹介 - 画質劣化一切なし [2008/11/19] |
| 最良の画像フォーマットはPNG8、GIFはアニメーション、JPEGは写真に [2008/11/6] |
| 画像を最適化してページ表示速度を高速化する方法を知りたいなら [2008/10/31] |
| IE6フレンドリーなPNGを作る方法 [2008/3/27] |
| 理研、脳・脊髄形成に必要な神経板湾曲の仕組みを解明 [20:16 5/25] |
| 京大、「慢性閉塞性肺疾患」患者の労作時呼吸困難は鍼治療が有効と実証 [20:08 5/25] |
| 120Hz SHVカメラ用イメージセンサーを使った撮像装置 - SHVフルスペック化へ [18:10 5/25] |
| 京大、視覚による物体認知は前頭前野からのトップダウン信号が重要と確認 [17:45 5/25] |
| 製品数の拡大だけでなくBCPの展開なども含めた総合力で事業の強化を図るTI [17:25 5/25] |
|
[けいおん!]大学編に続き高校編も最終回 6月で“グランドフィナーレ” [00:30 5/28] ホビー |
|
Gカップグラドル柴小聖、新作は"お尻推し"「体がどんどん絞れてきてる!」 [22:00 5/27] エンタメ |
|
【インタビュー】真木よう子 - 年齢ごとに等身大の女優になりたい [21:30 5/27] エンタメ |
|
[リアル・スティール]DVDとBDセットがオリコンとTSUTAYAで初登場首位 特別映像も公開 [21:11 5/27] エンタメ |
|
ダムエー付録のトランプは54枚全てザク!安彦も大河原も [20:57 5/27] ホビー |
4つの診断で、自分の適性を見つめなおそう!
働くこと・挑戦し続けることへの思いを綴ったインタビュー
あなたにピッタリのアドバイスを読むことができます。
転職に必要な情報が収集できます
企業からアプローチのメッセージが届きます。