CSS画像最適化
774 ワード
HTML+CS+JSポートフォリオ実戦プレゼンテーション(第2期)講義
操作後にサーバにアップロードする場合は、イメージの最適化が必要です
PCでは感じられませんが、移動に時間がかかります
=>PNG/JPGイメージ
1.仕事に適した無料画像サイト
2.png googlingの最適化
おすすめサイト
=>ダウンロード
JPGからPNGサイズ%まで劇的(50-70%)
JPGは解像度が少し違います
PNG画質に差はほとんどない
画像の最適化
操作後にサーバにアップロードする場合は、イメージの最適化が必要です
PCでは感じられませんが、移動に時間がかかります
=>PNG/JPGイメージ
1.仕事に適した無料画像サイト
pixabay.com/ko
www.freepik.com
-Picksabayから3~4個のイメージをダウンロード(テストの最適化用)2.png googlingの最適化
おすすめサイト
tinypng.com
drag&dropは、一度に20個まで=>ダウンロード
結果
JPGからPNGサイズ%まで劇的(50-70%)
JPGは解像度が少し違います
PNG画質に差はほとんどない
Reference
この問題について(CSS画像最適化), 我々は、より多くの情報をここで見つけました https://velog.io/@ek615/CSS이미지-최적화テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol