CSS画像最適化

774 ワード

HTML+CS+JSポートフォリオ実戦プレゼンテーション(第2期)講義

画像の最適化


操作後にサーバにアップロードする場合は、イメージの最適化が必要です
PCでは感じられませんが、移動に時間がかかります
=>PNG/JPGイメージ
1.仕事に適した無料画像サイト
pixabay.com/ko
www.freepik.com
-Picksabayから3~4個のイメージをダウンロード(テストの最適化用)

2.png googlingの最適化
おすすめサイトtinypng.comdrag&dropは、一度に20個まで
=>ダウンロード

結果


JPGからPNGサイズ%まで劇的(50-70%)
JPGは解像度が少し違います

PNG画質に差はほとんどない