Web用のPNGファイルサイズを減らす方法は？

背景が透明なPNG-24ファイルがあり、現在のサイズは1.5 MBです。サイズを縮小するか、PNG-8ファイル形式を使用して同じ品質を維持するにはどうすればよいですか？

ここからのPNGファイル：http : //www19.zippyshare.com/v/69590430/file.html

アップロードされたサンプル画像すべての提案を試しましたが、良い結果は得られませんでした

ありがとう

PNGは可逆圧縮形式です。ファイル内のソースマテリアルを変更しなければ、デフォルトの最高レベルの圧縮を超えて圧縮を増やす方法はほとんどありません。サイズを縮小する唯一の現実的な方法は、解像度を下げるか、色深度を下げて画像を変更し、PNG圧縮の複雑さを軽減することです。

画像に高レベルの圧縮が必要で、ロスレスデータストレージを気にしない場合は、JPEGを使用します。

RIOTはそれを行うことができます。

Radical Image Optimization Tool（略してRIOT）は、最小のファイルサイズを維持しながら圧縮パラメーターを視覚的に調整できる無料の画像オプティマイザーです。

並列（デュアルビュー）またはシングルビューインターフェイスを使用して、オリジナルを最適化された画像とリアルタイムで比較し、結果のファイルサイズを即座に確認します。

イメージオプティマイザーは、軽量、高速、簡単に使用できますが、上級ユーザーには強力です。圧縮、色数、メタデータ設定などを制御し、出力ファイルの画像形式（JPEG、GIF、PNG）を選択できます。

別の可能性は、ここで説明するように、pngquant、pngout、およびpngcrushの組み合わせを使用することですが、これはコマンドラインからです。

これは、オープンソースツール（i think）pngquant + pngout + pngcrushを使用して、すべてコマンドラインでpng24イメージをie6の良さのためにpng8に変換する方法です。

1-画像を256に量子化します（したがって、基本的にpng8の見た目は大きなスプライトまたは大きな色範囲のスプライトで見た目が悪いです）。

pngquant 256 some_24_bit.png

2- png24からpng8への画像変換

pngout -c3 -d8 -y -force some_24_bit.png some_8_bit.png

3-画像を圧縮

pngcrush some_8_bit.png -bit_depth 8 -brute -rem alla -reduce some_8_bit_small.png

TinyPNGをお試しください

彼らのウェブサイトから：

どのように機能しますか？

PNG（Portable Network Graphics）ファイルをアップロードすると、画像の類似した色が組み合わされます。この手法は「量子化」と呼ばれます。色の数が減るので、24ビットのPNGファイルは、はるかに小さい8ビットのインデックス付きカラー画像に変換できます。不要なメタデータもすべて削除されます。その結果、透明度を100％サポートする小さなPNGファイルが作成されました。

次の2つのオプションがあります。

• 画像をWebサイトにドラッグアンドドロップすると、自動的に処理されます。無料サービス。（最大20画像。それぞれ最大5 MB）
• Photoshopプラグイン。これには$がかかります。

私はPSプラグインを試したことがないので、それがどれだけうまく機能しているかについてコメントすることはできません。

コマンドラインを気にしない場合は、OptiPNGを見てください。

OptiPNGは、情報を失うことなく画像ファイルをより小さなサイズに再圧縮するPNGオプティマイザーです。このプログラムは、外部形式（BMP、GIF、PNM、およびTIFF）を最適化されたPNGに変換し、PNG整合性チェックと修正を実行します。

との組み合わせを使用pngoutしdefloptます。pngoutPNGカラーがPNG-8に適合するかどうかを自動的に判断して使用します。deflopt既に最適化された画像から余分なバイトを絞り出します-収縮したデータを処理するのはユーティリティであり、PNGはその1つです。

Webサイト開発のコンテキストでアルファチャネルを使用して PNGを処理するための良いアイデアは、サーバーにトリックを行わせることです。サーバー上のアルファチャネルから画像データを動的に分離し、両方を個別に最適化し、キャンバス要素とブラウザのJavaScript。だだ！最新のすべてのブラウザで動作します。

以下にその方法を説明します。

http://headers-already-sent.com/artikel/shrinkimage-1/

PHPスクリプトとjQueryプラグインを含む完全なZIPパッケージもあります。あなたがこれについてどう思うか教えてください。

画像を本当に縮小する必要があり、すべての簡単な提案が機能しない場合、最終的な答えは、画像を圧縮可能な断片に分割し、クライアントでスクリプトと再結合することです。

質問の画像は、垂直線といくつかの斑点/ノイズのある色のグラデーションのように見えます。それを次のレイヤーに分割します。

1. 線やノイズのない色のグラデーション。これは、PNGで、JPEGで非常によく圧縮されます。さらに良いのは、JavaScriptを使用してクライアントで色のグラデーションを生成することです。おそらく200バイト未満のJSでそれを行うことができます。
2. 色やノイズのない縦線。これを単一の4ビットチャネル（アルファまたはグレー）に圧縮できます。必要なのは、1ピクセルの高さの画像だけで、ストレッチできます。これはPNGで非常によく圧縮されます。
3. 雑音。繰り返しになりますが、必要なのは単一の4ビットチャネル（アルファまたはグレー）のみです。色や線がなければ、これはPNGまたはJPEGで非常によく圧縮されるはずです。

JavaScriptを使用してレイヤーを単一の画像に結合すると、「画像」全体が15KB以下になる可能性があります。

この種の作業は、何十年もの間、ゲームの業界標準であり、今でもそうです。素晴らしいのは、プロのように画像を作成した場合、Photoshopにはすでにこれらの個別のレイヤーがすべてあるということです。

標準のPNGファイルは既に使用可能な最も圧縮された画像形式であるため、特にデザイン目的でWebサイト上の画像にPNGファイルが多く使用されている理由です。

ただし、PNGファイルをさらに圧縮する方法はまだあります。画像で使用される色の数を減らすことにより。これにより、多くの場合、ファイルサイズを最大70％以上削減できます。

私はこれを見つけ最高の全体的な圧縮率で最高の自動化されたフリーソフトウェアですFileOptimizer可能な最小サイズの画像を圧縮するために複数のエンジン（すなわち。PngOptimizer、PNGOUT、pngwolfなど）を使用しています。

良い結果が得られた別のオンラインツールは次のとおりです。http：//www.giftofspeed.com/png-compressor/

FileOptimizerを紹介します。画像最適化のためのさまざまな方法を組み合わせています（いくつかの余分なバイトを節約するためのEXIF除去を含む-オフにすることができます）。

テスト結果と他のソリューションとの比較。

ScriptPNG http://css-ig.net/scriptpng

損失を含む約10種類のオプションがあります！私は束を試してみましたが、このWindowsバッチファイル（.exeの束を含む）は素晴らしいです

私は個人的にそれを使用して、8ビットの不可逆性に圧縮します。どのように機能するかは確かではありませんが、私のスクリーンショットは同じように見えます。スクリーンショットの圧縮に使用します。約2GBのPNGがありましたが、現在は700MBしかありません