詳細PNGの画像

図1に示すように、PNG画像タイプ

PNG形式の8、24、32は、次の3つは、いくつかの用語です、次のとおりです。

  • 透明インデックス:GIFと同様に、ピクセルは完全かつ完全な不透明な二つの効果によってのみです
  • アルファ透明度:半透明

PNG8

8ビットPNGは、透明支持体の色、8ビットのインデックスとPNGアルファ透明度(パワー2~8)最大256をサポートします。

PNG24

24色の2電源をサポートしていますが、透明性の高い情報をサポートしていません。

PNG32

32は、半透過性効果の異なるレベルをサポートする、8ビットの透明度情報の増加に基づいてPNG PNG 24です。

概要

フォーマット カラーカテゴリ 透明支持体
PNG8 2の8乗 8 サポートしていません。
PNG8 +率透明 2の8乗 8 唯一の完全溶け込みまたは不透明フルサポート
PNG8 +アルファ透明 2の8乗 8 半透明のサポート
PNG24 電源24から2 24 サポートしていません。
PNG32 電源32から2 32 半透明のサポート

2、グラフィックソフトウェア

花火

花火では、PNGを正しく生成することができる上記様々なフォーマットは、最適化パネルに限り、適切なフォーマットを選択します。

花火导出PNG

フォトショップ

Photoshopの(PSとも呼ばれる)では、PNG形式は、Webおよびデバイス用にファイル]メニューの[保存]を選択するか注目さ、達成:

  • PSは透明PNG +アルファ8形式をサポートしていません。
  • PSはまた、何の32ビットPNGオプションではありませんが、実際には透明PNG24 + PNG32です。

PhotoshopのPNG書き出し

3、ブラウザのサポートケース

IE6はPNG8 PNG32とフィルタは、問題のPNG32の半透明を解決する使用しての半透明効果をサポートしていませんが、PNG8の半透明効果を解決することはできません。

ここでは、IE6 PNG画像のためのフィルタの使用は、ロードする透明PNG、のためのブラウザのサポートをテストします。imgタグを使用してブラウザの残りの部分。試験後、PNG8 +アルファ透明支持体のための一貫性のないパフォーマンスIE6ブラウザが、IE6であることが判明することは十分ではなく、半透明画像部分は、完全に透過的な方法に従って処理されます。試験結果を以下に示します:

PNG画像の下にIE6の互換性テスト

4、要約

  1. PNG形式8、24、32 3を形成します。
    • 8 PNGは、透明(透明度とアルファ透明度)の2つの異なる形式をサポートしています。
    • 24 PNGは透明度をサポートしていません。
    • 24の8ビットアルファチャンネル増加に基づいてPNG 32、透明度が256を示すことができます。
  2. 画像処理ツール
    • Photoshopの:出力PNG8 +アルファ透明PNGをサポートしていません。
    • Photoshopは 32ビットPNGは、PNG形式で24プラスクリア情報から出力されます。
    • 花火:よりよいのためのPNGをサポート。
  3. のブラウザのサポート
    • 非IE6ブラウザは正しくの(インデックス透明とアルファ透明度を含む)透明度情報とPNG画像を表示することができます。
    • IE6透明PNG画像は、フィルタの助けを借りてPNG32することができます
    • か否か、半透明の部分は、完全にフィルタIE6に完全に透明な方法で処理されます。
    • PNG8 +アルファ透明画像をサポートするためのIE6は十分ではありません。

参考記事

この記事のほとんどは、エディタ転載されています。「PNGポイントその事について話を。」

ます。https://www.cnblogs.com/rainman/archive/2011/09/11/2173597.htmlで再現

おすすめ

転載: blog.csdn.net/weixin_34104341/article/details/93561292