先ほど言ったように、画質はサイズよりも重要ですが、バランスを取る必要があります。写真のファイルサイズを小さくしたい。しかし、より良い照明効果と高品質の画像を見たいと思っています。
メインライトの背景の場合、ほとんどの領域がメインコンテンツの白い背景で覆われるため、これらの領域を削除してファイルを小さくし、同時に品質を維持することができます.しかし、それは機能していません.
助けて。
先ほど言ったように、画質はサイズよりも重要ですが、バランスを取る必要があります。写真のファイルサイズを小さくしたい。しかし、より良い照明効果と高品質の画像を見たいと思っています。
メインライトの背景の場合、ほとんどの領域がメインコンテンツの白い背景で覆われるため、これらの領域を削除してファイルを小さくし、同時に品質を維持することができます.しかし、それは機能していません.
助けて。
最適なオプションは、画像編集ソフトウェアを使用して、ファイルを Web デバイスとして保存することです。
もう 1 つのオプションは、照明効果を.png
ファイルとして保存し、CSS で青色の背景を設定することです。
あなたの照明画像が呼び出されているとしましょう:lighting-effect.png
次にcssを使用します
div{
background: url('lighting-effect.png') no-repeat top center #1369AE;
}
これにより、画像に青色を保持する必要がないため、画像サイズが節約されます。
Decrease the images size in KBを求めているため、クライアント側でそれを行うことはできません(css、html、javascript、jqueryを使用)。ASP、PHP などのサーバー側スクリプトを試すことができます。
しかし、あなたの質問については、Adobe Photoshop などのソフトウェアを使用して画像サイズを縮小するか、 JPG/JPEG Image File Size Reducer や Batch Image Resizer などを試すことができます。
http://www.evisiontesting.com/ryanh/TEST/images/aa.jpg
500kb から 50kb .. 品質を損なうことなく、これで得られるのと同じくらい良いです... CSS などを使用してレンダリングしない限り。
Photoshop を使用し、Web およびデバイス用に保存し、品質/適切なサイズで機能するオプションを選択します。これが、Web 用の画像を適切に処理する方法です:)