私のウェブサイトの画像タイトルの場合、タイトルにいくつかの効果がある中小(150x50)の白い背景(例:Googleタイトル画像)
画像を.gifおよび.pngに保存し、結果を以下に示します。
.gifサイズ= 3.09 kB .pngサイズ= 7.59 kB
.pngは.gifの2倍です。
誰もが.PNGを使用するように私に言っていますが、.gifが優れている場合はなぜそれを使用する必要があるのですか?
PNGはほとんどの場合GIFよりも優れた圧縮を提供しますが、画像を8ビットPNGとして保存していることを確認する必要があります。多くの場合、グラフィックプログラムは24ビットPNGとして保存するため、結果が表示される場合があります。使用しているプログラムを指定すると、8ビットPNGとして保存する方法をアドバイスできる場合があります。
pngout
またはpngcrush
のいずれかを介して結果ファイルを実行することもできます。これにより、ファイルサイズがさらに小さくなります。
最近、PNGでGIFを使用する唯一の理由は、アニメーションが必要な場合です。
どうやらpngはgifよりも一致するか、圧縮率が高くなります。これらのツールを使用してみてください。 最初はyahooから 2番目だと思う 私は何度も聞いた 。
最適な形式を使用してください。各形式には 長所と短所 がありますが、複数の形式が同じ画質を提供する場合、サイズを決定要因にします。この場合、GIFが優先されます。常にそうなるとは限らないことを念頭に置いてください。そのため、現在の画像に最も適しているものを常に確認し、そのほうが良いという理由だけで1つの形式に固定しないでください。
PNG画像はアルファを許可し、GIF画像は許可しません。したがって、画像を通して背景を表示するフェード効果がある場合は、PNGを使用します。
また、アルファ付きのPNG画像は、アルファがある場合に正しく表示されるように、追加のCSSコーディングが必要です。
IE6にナイスになりたい(または以前は天国で禁じられていた)場合、PNGの修正を心配したくない場合は、gifを使用します。しかし、それではIE6にとってこれ以上ナイスになりたいと思う人はいませんか? :)