画像 · 2分で読めます ·
WebP・PNG・JPG、どれを使うべき？
画像フォーマットを選ぶための実用的な早見表と、ブラウザ内での変換がファイルのプライバシーを守る理由。
画像フォーマットの選択は、ファイルサイズ、画質、透過のバランスです。Web のほぼすべてのケースは 3 つのフォーマットでカバーできます。
早見ルール
写真は WebP。古いシステムが JPG しか受け付けない場合は JPG。ロゴ、アイコン、UI、スクリーンショットは、輪郭のシャープさと透過を保てる PNG かロスレス WebP。ファビコンは ICO と PNG。AVIF はさらに小さくなることが多いものの、エンコードに時間がかかります。
同じ写真が WebP だと小さくなる理由
JPG も非可逆の WebP も目にほとんど見えない細部を捨てますが、WebP のほうが効率的なので、同程度の画質なら写真はたいていかなり小さくなります。PNG は可逆圧縮で、スクリーンショットには最適ですが、写真には無駄が多くなります。
ローカル変換が大切な理由
4Dev の画像変換ツールはすべてブラウザ内で動きます。画像はお使いの端末でデコード・再エンコードされ、アップロードされることはありません。PNG、JPG、WebP、GIF、HEIC、AVIF、TIFF などを読み込め、変換と同時にサイズ変更もできます。