Web画像形式-3(PNG)

Webとの連携-4
Illustrator 実践講座
HOME>実践講座>Webとの連携>Web画像形式-3(PNG)>NEXT

サイト内用語検索です

必要に応じ、ウインドウ巾を調整して閲覧下さい

■ PNG

  1. Portable Network Graphic ぴんぐ、又はぴんと読む
  2. 拡張子は、png.

※ GIFの特許問題が発生し、特にフリーソフトでGIFの使用は殆ど不可能となった。それに変わるものとして、 ライセンスフリーのPNGが注目されて来ている。
既に使用している方も有るだろうし、今後急速に普及して行くと思われる。 しかし………、
私の主観では未だどうもポピュラーなものになっていないように思われます。
その理由は、今現在、PNGに対応していないブラウザが有る、と言うことと、GIFも個人が使用する分には、CompuServe社も特許料の請求をすることは無いだろうと言う、期待的安心からです。
私自身も、バックアップ用に使用しているだけで、実際のWeb表示用ファイルとしては未だ使っていない。
と言うことで、ここでは未だ一般的な知識だけの掲載に留めます。

■ PNG圧縮方法の特徴

  1. 可逆圧縮 
  2. 48ビット対応、理論的には280兆色を扱えることになる。
  3. IllustratorでのPNG書き出しオプションでは、GIFとほぼ同じPNG-8形式と、フルカラー対応のPNG-24を選択できる。
    PNG-8の設定はGIFとほぼ同じ。
    PNG-24のファイルは、Web画像としてはサイズが極端に膨らむ場合が有る。

■ 問題点

  1. アニメーションに対応していない。
  2. ブラウザの対応が未だ不完全(現時点で最大の問題点)。
    ※ 対応ブラウザ
    Windows版のInternet Explorer4.0以上、 Mac版のInternet Explorer5.0以上、Netscape Navigator4.04以上

※ 2007年、 MS-IEバージョン7から、PNGの透明効果をカバーできているようです。その点からも今後に注目されるファイル形式と言えるでしょう。

■ Illustratorによる、PNG画像の書き出し(機能、手順)

Illustrator10では、最大256色をカバーしているPNG-8形式と、1670万色をカバーしているPNG-24形式での書き出しが出来ます。

Illustrator Web画像 PNG書き出しオプション

Illustrator Web画像 PNG書き出しオプション

PNG-8はGIFと殆ど同じ設定。

以下工事中


― PAGE-TOP ―