この画像をサイトの背景に使いたい
現在は 1040 x 660 で、70% の JPEG 圧縮を使用しています。これは、サインアウトしてアクセスしたときに Twitter がホームページに使用している手法と同じようです。この手法により、画像サイズが約 180 KB に縮小されました。これは私には許容範囲です。ツイッターと同じサイズです。
ただし、Macbook Pro Retina や iPad などの高解像度画面用に、さらに高解像度の画像を提供できるようにしたいと考えています。メディア クエリでこれを実行できることはわかっていますが、解像度が上がるとサイズも大きくなります。画像の特定のセクションに多かれ少なかれ圧縮を適用できる圧縮技術はありますか? この画像では、アスパラガスとグリル自体の圧縮を抑えたまま、グリルの後ろの焦点の合っていない部分により多くの圧縮を適用することをお勧めします。焦点が合っていない領域は画像の大部分であるため、これにより多くのスペースが節約されます。