ガイド
Webサイト用の画像を圧縮する
サムネイル、商品写真、ヒーロー画像を同じ扱いにせず、Webサイト画像を軽量化します。
実際の制限を先に確認する
適切な圧縮量は、画像がページ内で果たす役割によって変わります。が圧縮の強さを決めます。重要なのはWebサイト、ブログ、ショップの画像に合う状態にすることで、根拠のない容量へ無理に合わせることではありません。
使える品質を残す
レイアウト上で見える重要なディテールが保たれることが圧縮後も必要です。JPG、PNG、WebP、AVIFはそれぞれ異なる場所で有効です。
推奨手順
1
提出先の条件を確認する
フォーム、サイト、アプリに表示されている上限を先に確認します。適切な圧縮量は、画像がページ内で果たす役割によって変わります。を基準に形式と圧縮量を選びます。
2
適した開始ページを選ぶ
Webサイト用ページから始め、対応している場合はWebPやAVIFを検討します。不要な試行を減らして進められます。
3
結果を確認する
圧縮後は重要な部分を確認します。レイアウト上で見える重要なディテールが保たれることが用途に対して十分か見てください。
4
受け付けられたファイルを保存する
アップロードに通った、または公開に使える状態になったファイルは、その最終版を保存してください。
実用メモ
- 公開用の軽量コピーで足りる場合、カメラの元データをそのまま載せる必要はありません。
- ヒーロー画像や商品写真は、サムネイルより慎重な圧縮が必要です。
- ファイルサイズだけでなく、実際のページ上の見え方を確認してください。
関連ツール
よくある質問
Webサイト画像
すべて固定KBにすべきですか？
いいえ。多くの場合、画像の役割、形式、ページ全体の重さを見たほうが適切です。
WebPやAVIFは常に最適ですか？
効率的なことは多いですが、対応状況と画像の種類によって判断します。
よくある失敗は？
商品写真、バナー、記事画像を同じ圧縮レベルで処理することです。