Web 画像形式 PNG、JPG、GIF の選択と使用方法_HTML/Xhtml_Web ページの制作

それでは、GIF、PNG、JPG のうちどの形式を候補形式として選択すればよいでしょうか。また、画像を小さくしても画質を向上できる画像形式はどれでしょうか。

1. 画像フォーマット

GIF

GIF の最も優れた点は、アニメーションをサポートしていることです。同時に、GIF は可逆画像形式でもあり、画像を変更しても画質が失われることはありません。半透明（完全に透明または完全に不透明）。
Google によると、GIF は小さい画像または単純な画像（10×10 未満または 3 色未満）に適しています。

PNG

まず、PNG には PNG-8 と True Color-PNG (PNG-24 または PNG-32) が含まれています。GIF に対する PNG の最大の利点は次のとおりです。 >

通常は小さいサイズ
アルファ (完全に透明) をサポート

しかし、PNG がアニメーションをサポートしていないことはわかっています。

同時に、IE6 は PNG-8 をサポートできますが、PNG-24 の透明度を処理すると灰色で表示されることに注意してください。関連する例については、

サイトポイント を参照してください。 > 通常、画像を PNG-8 として保存すると、同じ品質の GIF よりもサイズが小さくなります。完全に透明な画像の場合、現在は PNG-24 のみを使用できます。ただし、PNG-8 および GIF で画像を保存する場合は注意してください。法律が常に正しいとは限らないので、比較してください。

JPG

JPG は GIF や PNG よりも多くの色を表示でき、同時に十分に圧縮されるため、デジタル写真の保存に非常に適しています。ただし、圧縮するたびに歪みが生じることに注意してください。画像はピクセルの歪みを引き起こします。

上記の概要を読んだ後は、どの種類の画像を保存するためにどの形式を使用すればよいかについて一般的に理解できるはずです。

一文:

小さな画像や Web ページの基本要素 (ボタンなど) については、PNG-8 または GIF を検討してください。写真については、JPG を検討してください。