web-dev-qa-db-ja.com

png8とpng24の違いは何ですか

Pngファイルの使用について知りたい。 png画像;には2つの形式があります。 1つはpng8で、もう1つはpng24です。

htmlページでいずれかのタイプを使用すると、エラーが発生しますか?それとも品質だけが問題ですか?

62
Kesar Sisodiya

PNG形式は1つだけですが、 5色タイプ をサポートしています。

PNG-8は、256色のみをサポートするパレットバリアントを指しますが、通常はサイズが小さくなります。 PNG-8はGIFの代わりになります。

PNG-24は、より多くの色をサポートするトゥルーカラーバリアントを指しますが、より大きくなる場合があります。可逆画像形式が必要な場合、JPEGの代わりにPNG-24を使用できます。

最新のWebブラウザは両方のバリアントをサポートします。

63
user694733

WebデザイナーのPNG画像形式ガイド

PNG-8およびPNG-24

PNG-8とPNG-24の2つのPNG形式があります。数字は、「8ビットPNG」または「24ビットPNG」を表す省略形です。 Webデザイナーとしてはおそらく気にすることはないので、技術にあまり入らないようにするには、8ビットPNGは画像がピクセルあたり8ビットであることを意味し、24ビットPNGはピクセルあたり24ビットを意味します。

単純な英語の違いをまとめると、PNG-24はより多くの色を処理でき、写真(JPEGなど)などの色の多い複雑な画像に適しているとしましょう。PNG-8は、ロゴやアイコンやボタンなどのユーザーインターフェイス要素などの単純な色。

もう1つの違いは、PNG-24はアルファ透明度をネイティブでサポートしているため、透明な背景に適しています。アドビ製品の「Web用に保存」コマンドでは、アルファ透過のPNG-8が許可されるため、この違いは100%真実ではありません。

19
Mehar

タイトルにPNG8とPNG24の違いについて2つの質問をしましたが、PNG24には8ビットの赤、緑、青のチャンネルがあり、PNG-8には単一の8ビットがありますパレットへのインデックス。当然、PNG24は通常、PNG8よりもファイルサイズが大きくなります。さらに、PNG8は通常、不透明またはバイナリ透明度(GIFなど)しか持たないことを意味します。 ImageMagick/GraphicsMagickでそのように定義されています。

これは、「HTMLページでいずれかのタイプを使用するとエラーが発生するかどうか、または品質だけが問題になるかどうかを知りたい」というもう1つの答えです。

どちらのタイプでもHTMLページに配置できますが、これはエラーにはなりません。ファイルにはすべて「.png」拡張子を付けて名前を付け、HTMLでそのように参照する必要があります。何年も前のInternet Explorerの初期バージョンでは、アルファチャネル(PNG32)を使用したPNGや半透明ピクセルを使用したインデックスカラーPNGを適切に処理できなかったため、このような画像をPNG8(PNG経由のバイナリ透明度を使用したインデックスカラー)に変換すると便利でしたtRNSチャンク)-ただし、IEで正しく表示されるように、拡張子.pngを引き続き使用します。 PNG24は不透明であるか、PNG tRNSチャンクを介して伝達されるGIFのような単色の透明度を持っているため、PNG24はInternet Explorerで常に問題がなかったと思います。

PNG8およびPNG24という名前は、PNG仕様では言及されていません。PNG仕様では、これらすべてを単に「PNG」と呼びます。他の人が発明した他の名前には、

  • PNG8またはPNG-8(8ビットサンプルのインデックス付きカラーは、通常不透明またはGIFのようなバイナリ透明度を意味しますが、半透明を含む場合もあります)
  • PNG24またはPNG-24(8ビットサンプルのRGB、tRNSを介したGIFのような透明度があります)
  • PNG32(8ビットサンプルのRGBA、不透明、透明、または半透明)
  • PNG48(PNG24と同様ですが、16ビットのR、G、Bサンプルを使用)
  • PNG64(PNG32と似ていますが、16ビットのR、G、B、Aサンプルを使用)

1、2、4、8、または16ビットのサンプルを含むグレースケール、1、2、または4ビットのサンプルを含むインデックス付きPNG(および透明または半透明のピクセルを含むもの)を含む、より多くの可能な組み合わせがありますが、それらはそうではありません特別な名前はありません。

10

基本的な違い:8ビットPNGは最大で構成されます。 256色。 PNG-24はロスレス形式で、最大1600万色を含めることができます。

影響:

  1. 丸い角の画像を使用している場合、エッジはpng8形式で表示される場合があります。
  2. ie6はpng24形式をサポートしていません。
5
richa_pandey

主な違いは、8ビットPNGが最大GIFのような256色。 PNG-24はロスレス形式で、最大1600万色を含めることができます。

2
user3473719

PNG-8で完全に透明な背景を使用して画像を作成している間、画像の輪郭は小さな白いビットで目立つように見えます。しかし、PNG-24ではアウトラインがなくなっており、完璧に見えます。 PNG-24の透明度は、PNG-8よりも大きくきれいです。

PNG-8には256色、PNG-24には1600万色が含まれています。

PNG-24のファイルサイズはPNG-8のほぼ2倍です。

0
rajessh