2011-06-04 12 views
4

私は画像.PNGを私がそれを作る場合よりも小さくすると、それを理解しました。私は最速のウェブサイトを作るために最善を尽くしているので、画像のサイズもかなり重要です。だから私の質問は、私は携帯電話が.PNG写真をサポートしていないと信じているということです。それは本当ですか、そうではありませんか? JPGの代わりに.PNGを使用し続ける必要がありますか?解像度を落とさずに小さな画像を作るために私ができる解決策はありますか?ブラウザの互換性のためにPNGが悪いです

答えて

8

IE6(廃止予定)のような古いブラウザは透過PNGファイルをサポートしていないため、実際にサポートするブラウザによって異なります。一般に、PNGファイルは問題なく、すべての主要なブラウザで実行されます。 JPEGとは異なり、PNGはロスレスであり、圧縮時にPNGに反することがあります。画像が複雑な場合は、より良い品質のためにJPEGとして保存する方が良いかもしれません。それぞれのフォーマットについて簡単に説明する小さなテーブルhereがあります。 PNGファイルを実際に圧縮するために使用するツールは、PNG Monsterです。これはしばしば、いくつかのグラフィックスアプリケーションよりも優れた圧縮率を得ます。

+2

+1 PNGモンスターのために、このツールは岩! – Rippo

+0

まさに私はomgをダウンロードしました。私は6pngのファイルを圧縮しました。これは素晴らしい画像の品質を落とさずにとてもうまくいったのです!ありがとう バイト前:23956 バイト後:6463 – Extelliqent

1

Internet Explorerの古いバージョンを除いて、私はPNGをサポートしていないプラットフォームは認識していません。

ウィキペディア:Web browser support for PNG

1

画像はJPEGまたはPNGの方が小さくなるかどうかは、画像に依存します。たとえば、単一色の領域がほとんどない、またはわずかな大きな写真は、JPEGでよりよく圧縮されます。 PNG圧縮はロスレスなので、アイコンなどに適しています。

すべてのデスクトップブラウザは現在、PNGとJPEGの両方をサポートしています。 AndroidとiOSはともにWebKit(AFAIK)を使用してサポートしています。そこで、画像に最適なフォーマットを選択しました。

1

.png画像は、背景やロゴの方がはるかに優れており、.jpg画像は写真の方がはるかに優れています。アニメーション画像(.jpgはサポートしていません)を使用しようとしている場合は、.gifをお勧めします(通常の画像では推奨しませんが、.pngが作成された理由です)。アニメーション化された.gif画像はほぼすべてのデバイスでサポートされていますが、アニメーション化された.png(.apng)画像はほとんどのPCウェブブラウザでサポートされています。他のウェブブラウザ(iPhone、PSP、アンドロイドなど)でウェブサイトをどのようにレンダリングするかを確認したい場合は、Firefox用のUser Agent Switcherを使用できます(4.0で動作するかどうかはわかりません)。より多くのユーザエージェントを取得するには、Bing(またはGoogle)の「User Agent Switcherのユーザエージェント」のようなものを検索するだけかもしれません。私のウェブサイトで

、私は常にイメージのための.png使用写真について(背景、ファビコン、ロゴ、カスタムボタンなど)や.JPG(スクリーンショット(時々)、写真、など)

+1

あなたが言及した.apngサポートを除いて同意します。アニメーション化されたPNGは、ほとんどのブラウザではサポートされておらず、サポートも改善されていません。したがって、使用しないでください。互換性チャート[** here **](http://caniuse.com/apng)を参照してください。 GIFはまだアニメーション化されたものと一緒に行く方法です。 – learner

0

PNGです"ICON"、 "サムネイル"、 "TRANSPARENT IMAGES"

JPGは "LARGE IMAGE"、 "スクリーンショット" のために良いですが、 "写真"

GIFが

"アニメーション" のために良いのために良いですPNGは一部のブラウザに適しています。 phpを使ってイメージを作成しようとすると、その違いを知ることができます。 PNGの品質はJPGより優れています。

+1

Shiftキーが押されているようだが、修正したいかもしれない。 – DarkDust

関連する問題