MAXScanner ガイド
ウェブサイト用に画像を圧縮する方法
見た目の品質を必要以上に犠牲にすることなく、ウェブページ用の画像ファイルサイズを減らす実践的なワークフローを紹介します。
ウェブ画像の圧縮が重要な理由
大きな画像は、訪問者がダウンロードしなければならないデータ量を増やします。画像を最適化すると、ページの重さを減らし、低速なネットワークやモバイル端末での体験を改善できます。
適切な目標は、画像の寸法、表示される場所、形式、見た目の重要度によって変わります。すべてのウェブサイトの画像に当てはまる、唯一正しいKBの値はありません。
過度な圧縮の前にリサイズする
よくある間違いは、非常に大きなピクセル寸法のまま、強い圧縮だけに頼ることです。画像が小さなサイズで表示される場合は、先に寸法を小さくするほうが、品質とサイズのバランスがよくなります。
次に、ウェブ向けの形式を選び、エンコードを最適化します。今後の編集が何度も圧縮されたファイルから始まらないよう、元のファイルは保管しておいてください。
目標サイズは、現実の制約を解決するときだけ使う
サイズ指定のページは、特定の上限を超えるファイルを拒否するアップロードフォームやAPIで特に役立ちます。通常のウェブサイトの画像では、すべての画像を同じKBの目標に合わせようとするのではなく、実際の表示サイズと見た目の品質に合わせて最適化してください。
よくあるご質問
ウェブサイトに適した画像サイズはどれくらいですか?
共通のKBの目標はありません。適切な目標は、画像の寸法、ページ上での表示位置、見た目の重要度、対応したい接続速度によって変わります。ページが実際に表示するよりはるかに多くのピクセルを配信するのは避けてください。
ウェブ用に圧縮する前に、画像をリサイズしたほうがよいですか?
元の寸法が表示サイズよりはるかに大きい場合は、たいていそうです。先にリサイズするほうが、圧縮を強めるだけの場合よりも、品質とファイルサイズのバランスがよくなることがよくあります。
圧縮後も元の画像を保管しておくべきですか?
はい。高品質な元画像は別に保管し、ウェブサイト用には最適化したコピーを生成してください。そうすれば、今後のトリミング、リデザイン、別サイズの作成がずっと楽になります。
このガイドで紹介したツールを試す
実際の要件に合ったツールを使い、元のファイルはバックアップとして保管してください。