見た目を悪くせずに、ウェブ用へ画像を圧縮する
寸法はすでに自分で選んだか、CMSが選んでいます。ファイルはまだ3 MBです。品質0.8前後のWebPとして書き直します。多くの宣伝用サイトに必要な、地味で効く設定です。
- 速い
- 100%プライベート
- 常に無料
- どのブラウザでも
このページのどこにでも画像を置けます
JPG、PNG、WebP、GIF、SVG、HEIC、AVIF。写真はこの端末に残ります。
使うとき
このページが扱うのは、容量と画質のつぶれの釣り合いです。ウェブ用の変換は同じ処理で、最大幅があらかじめ入っています。写真がまだカメラの大きさなら、そちらを使います。残っている問題がディスク上の大きさなら、このページを使います。
品質は0.7〜0.85にします。それより低いと、肌と空に色の段差が出て、容量はあまり減りません。ロゴはPNGのままにします。
JSONの整形や、トークンを公開サイトに貼らずに確認する必要もあるなら、 ToolBuddyを使います。そちらもブラウザに残ります。
手順
- 表示サイズに近い画像を置きます。
- ダウンロードするときWebPと品質0.8を保ちます。グラデーションに縞が見えたら、品質を少し上げます。
- 任意で、いくつかのファイルがまだ大きいなら、最大幅を設定します。
- サイトの画像を差し替えます。5Kモニターだけでなく、実際のスマホでも見比べます。
ヒント
- ページ上部の大きな画像は、商品の寄り写真より品質0.75に耐えられます。
- 元のファイルから始めてください。ほかの最適化を3回通したファイルは、さらに柔らかくなるだけです。
- 公開したあと、Lighthouseで確認します。このツールはホスティングとは通信しません。
関連
質問
0.8は高品質ですか？
ウェブの写真には、はい。保存用の原本ではありません。カメラの元データは別の場所に残してください。
ロゴにこれを使いますか？
ロゴにはPNGかSVGを使います。写真でできたロゴにはWebPが向きます。
圧縮したコピーは保存しますか？
保存しません。ダウンロードするまで、このタブの中にあります。