助けてください！前もって感謝します。
更新:返信が遅れて申し訳ありませんが、別の質問をする必要があるかどうかわからないため、ここでより多くのコンテキストを提供することが役立つ場合.
300px x 300px の Web サイトのホームページの画像があります。そのイメージには、領域の上にグラフィック コピーがある 2 つを含む、いくつかの異なる領域があります。
テキストの外観と画像の重要な領域を損なうことなく、画像をできる限り圧縮しました。
画像の重要度の低い領域をスライスし、それらを低圧縮で保存して合計 kbs を削減しようとしましたが、gregmac が投稿したように、再結合するとセクションが正しく表示されません。
画像の重要な領域を特定して「圧縮を少なく」し、それらの要素を維持しながらファイルサイズを小さくするために画像の他の部分をさらに圧縮できるソフトウェア、または手動のソリューションがあるかどうか疑問に思っていました高解像度でシャープにする必要があるグラフィックで。
できません。PNG ファイル全体しか圧縮できません。
その必要はありません (PNG ファイルの特定の部分を圧縮すると便利なケースは 1 つも思いつきません)。
画像を複数の部分に分割すること (「スライス」) は、画像ファイルの異なる部分を圧縮する唯一の方法ですが、1 つの「スライスされた画像」で異なる圧縮レベルを使用することを再度お勧めします。おそらく奇妙に見える
アップデートに関しては、
画像の重要な領域を特定して「圧縮を少なく」し、ファイルサイズを小さくするために画像の他の部分をさらに圧縮することができます
これは本質的に画像圧縮が行うことです。少し空の領域がある場合、(たとえばRLEを使用して) 数バイトに圧縮されますが、非常に詳細な領域がある場合は、より多くのバイトが「費やされます」。
問題は、画像が大きすぎる (ファイルサイズの点で) ように聞こえます。主に GIF または JPEG (または他の PNG 形式、PNG-8 または PNG-24) などの他の画像形式を試しましたか?
そのテキストの外観を損なうことなく、画像をできる限り圧縮しました
画像に埋め込むのではなく、CSS を使用してテキストをオーバーレイすることはできますか? 実用的ではないかもしれませんが、背景をさらに圧縮することができます (背景画像が写真の場合、テキストを気にする必要がないため、JPEG が最適です)。
それ以外は、私はアイデアがありません。300*300px の PNGは本当に大きすぎますか?
JPEGなどを使用して画像の一部を圧縮し、それらの圧縮画像を他の画像と組み合わせたPNGに貼り付けているように聞こえます。PNG全体がブラウザに送信され、そこで分割されます。
これに関する問題は、JPEG 部分を圧縮すればするほど、より多くの解凍アーティファクトが得られることです。次に、これらの低品質の画像をデフレート圧縮を使用する PNG に配置すると、適切に圧縮できないため、実際にはファイルサイズが大きくなります。
したがって、ファイル形式として PNG を維持したい場合、最良の解決策は、PNG に貼り付ける JPEG を使用して部分を圧縮しないことです。すべてをできるだけシャープに保ちます。
圧縮で「予測子」を使用していない限り、PNG は各行を個別に圧縮します。
そのため、PNG の幅をできるだけ広くして、同様の画像を縦に並べるのではなく、横に並べて配置するのが最善です。
作業中の画像の例をアップロードしていただけませんか?