使い方ガイド
Web サイトに合う画像形式の選び方
内容・透過・互換性・画質に基づいて、JPEG、PNG、WebP、AVIF を比較します。
内容から取りかかる
写真、スクリーンショット、ロゴ、透過画像では、要求するものが違います。一つの形式がすべてに最適ということはありません。
代表サンプルで比較
代表的なサンプルで各形式を比較し、実際の表示サイズで輪郭、グラデーション、細部を確認します。画質の問題は、最終サイズで表示したときに初めて見えることがよくあります。
互換性とファイルサイズ
JPEG と PNG は多くの用途で依然として有用です。WebP と AVIF はサイズを減らせますが、対象環境や公開システムでの対応を確認する必要があります。
万能の形式はない
最適なのは、許容できない品質低下なしに要件を満たす形式です。他のサイトの選択をそのまま真似ても、内容が違えば最適解も変わります。
推測ではなく計測
複数の書き出し版のサイズと見た目を比較します。高品質な元画像を確保し、画面に合わせた寸法を用意し、閲覧者が使うブラウザーとデバイスでサイトの挙動を確認します。