わかりやすい PNG の話 for Web
ミケネコ研究所 / 画像研究室 / PNG の話 / 第 3 章 第 3 章 PNG のスペック一覧 PNG (Portable Network Graphics, ピング) フォーマット。 この章では、PNG フォーマットの機能のそれぞれについて、ざっと紹介していきます。しかし、GIF 問題を初めて認識されたあなたにとっては、おそらく PNG の詳しい機能などには興味がないことでしょう。あなたの最も知りたいことは、PNG の高機能性ではなく、本当に GIF の代わりになるのか、ということのはずです。だから、この章はあなたにとって少々たいくつなことでしょう。 幅と高さ カラータイプ 圧縮 フィルタリング フィルター形式 フィルタリングアルゴリズム インターレース Adam7 アルゴリズム GIF との比較 ガンマ補正 透過設定 αチャンネル 透明色 テキスト文字列 背景色 アスペクト比 減
わかりやすい PNG の話 for Web
さて、あなたの環境は、αチャンネルに完全に対応しているなら、左右の画像はほぼ同じように見えるでしょう。そうでない方は、右の画像を参考に見てください。右の画像は「PNG が正しく見える環境なら、左はこう見えるべきである」というサンプル画像です。αチャンネルについては、Netscape 7 や Opera 7 は完璧に表示しているように見えます。 これは、ピンク色のチェックの背景画像の上に、ひとりの少年の PNG イラストが重ねて置いてある配置になっています。イラストの PNG 画像は、αチャンネルを用いて、透過率０％、２５％、５０％、７５％、１００％の 5 つの領域を設定してあります。少年のりんかくの外側は１００％で完全透明であり、背景が透けてみえますね。透明度の度合いを変えて、背景が徐々に透ける感覚をご覧下さい。なにやら４分割されているような感じですが、少年はこれでひとつの画像なのです！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
