画像最適化戦略 PNG/JEPG 編 | blog.jxck.ioIntro 本サイトで使用している PNG/JPEG 画像に対し、メタデータ削除、減色、リサイズなど基本的な最適化処理の適用戦略と、その方法および結果について。 画像最適化シリーズ第 1 回目のエントリである。 > 画像最適化戦略 PNG/JPEG 編 画像最適化戦略 Picture 編 画像最適化戦略 WebP 編 画像最適化戦略 SVG/Font 編 画像最適化戦略 Lazy Loading 編 サイズ最適化 画像において最も無駄なのは、サイズの大きい画像を小さく表示している場合である。 これはネットワークでの転送上も、ブラウザのレンダリング上もオーバーヘッドになる。 逆に小さい画像を拡大して描画すると、細部が荒れてしまう。 したがって、表示するサイズぴったりにリサイズすれば、データ量も最適となる。 また、見た目上の変化/劣化が生じなければ、減色や余計なメタ情報の削除などによって、サイ
