web-dev-qa-db-ja.com

使用するGIF vs PNG?

私のウェブサイトの画像タイトルの場合、タイトルにいくつかの効果がある中小(150x50)の白い背景(例:Googleタイトル画像)

画像を.gifおよび.pngに保存し、結果を以下に示します。

.gifサイズ= 3.09 kB .pngサイズ= 7.59 kB

.pngは.gifの2倍です。

誰もが.PNGを使用するように私に言っていますが、.gifが優れている場合はなぜそれを使用する必要があるのですか?

7
dynamic

PNGはほとんどの場合GIFよりも優れた圧縮を提供しますが、画像を8ビットPNGとして保存していることを確認する必要があります。多くの場合、グラフィックプログラムは24ビットPNGとして保存するため、結果が表示される場合があります。使用しているプログラムを指定すると、8ビットPNGとして保存する方法をアドバイスできる場合があります。

pngoutまたはpngcrushのいずれかを介して結果ファイルを実行することもできます。これにより、ファイルサイズがさらに小さくなります。

最近、PNGでGIFを使用する唯一の理由は、アニメーションが必要な場合です。

10
Tim Fountain

どうやらpngはgifよりも一致するか、圧縮率が高くなります。これらのツールを使用してみてください。 最初はyahooから 2番目だと思う 私は何度も聞いた

2
user1585

最適な形式を使用してください。各形式には 長所と短所 がありますが、複数の形式が同じ画質を提供する場合、サイズを決定要因にします。この場合、GIFが優先されます。常にそうなるとは限らないことを念頭に置いてください。そのため、現在の画像に最も適しているものを常に確認し、そのほうが良いという理由だけで1つの形式に固定しないでください。

1
John Conde

PNG画像はアルファを許可し、GIF画像は許可しません。したがって、画像を通して背景を表示するフェード効果がある場合は、PNGを使用します。

また、アルファ付きのPNG画像は、アルファがある場合に正しく表示されるように、追加のCSSコーディングが必要です。

0
Ben Hoffman

IE6にナイスになりたい(または以前は天国で禁じられていた)場合、PNGの修正を心配したくない場合は、gifを使用します。しかし、それではIE6にとってこれ以上ナイスになりたいと思う人はいませんか? :)

0
Adrian