画像について

白マットとか透過 gif って、ナニ ???          
png って gif や jpeg とどう違うの ??? ---と思われた方向け

 

物置表紙へ  1.  2.  3.  4.  set. 

WEBに掲載出来る画像ファイル形式の種類

  ・gif(Graphics Interchange Format)
・jpeg(Joit Photographic Experts Group)
・png-8(Portable Network Graphics-8)
・png-24(Portable Network Graphics-24)

 ◆ png 8-24 NO1 ◆
 


・ 写真から単純画像まで、全てをカバー出来る画像形式です。
・ 使用色数 8はgifと同じ256色、24はフルカラー(1670万色以上)。
  この点では、8はgifに相当、24はjpegに相当
します。
両方ともに 透明ピクセルの表現が可能。
・96年発表の比較的新しい画像形式のため、対応するブラウザが限られていましたが、
 最近は殆どのブラウザが対応しています。
・アニメーションには使えません。ただ別形式のmngで可能ですが対応する、
  ブラウザ、サーバー、制作ソフトが今のところ極く限られています。
・圧縮法=完全可逆圧縮 、このため、圧縮率は不可逆圧縮のjpegには劣ります。
 つまり、容量が大きくなりがちです。

  ※ 8-24の数字は8ビット、24ビットの意味。



  < 各ファイル形式の比較 白マットの場合 >
gif
png-8
jpeg80
png-24

1.379k

1.632k

2.66k

 4.869k

6.988k

7.021k

7.636k

16.74k

  比べてご覧になっていかがでしょうか、単純画像の桜は4点ともに大差は無いと思います。
  しかし紅葉の方はかなり違います。原画に一番近いのはどれかと言いますと、
  彩度、明度、立体感等からpng-24が一番近いと言えます。

 



   < 各ファイル形式の比較 透過ファイルの場合 >

 
gif
png-8
png-24
 

7.254k

7.506k

21.47k
 
上の透過ファイル3点、貴方の環境ではどのように見えているでしょうか?

下の<図1>の様に見えていれば、貴方のブラウザはpngに100%対応しています。
ですがもし<図2>の様であれば、pngには対応していないブラウザでご覧になっています。
※ pngへの対応はさまざまな段階がありますので、<図2>とは違う見え方になる場合もあります。

 

<図1>
 
<図2>

  
※ <図1><図2>は共にスクリーンショットを80%に縮小、jpeg100で書き出したものです。 
          


物置表紙へ  1.  2.  3.  4.  set.