状態:-
閲覧数:1,461
投稿日:2016-08-03
更新日:2016-08-03
インターレース
インターレースありで保存した画像
・ファイルが完全にダウンロードされるまでの間、画像が低解像度でブラウザに表示
フォトショップの保存形式でPNGで保存する
・ファイルが完全にダウンロードされるまでの間、画像が低解像度でブラウザに表示
インターレース機能によって、ユーザはダウンロード時間を短く感じ、処理が進行中であることを確認できます。
ただし、インターレースを行うと、ファイルサイズは大きくなります。
ただし、インターレースを行うと、ファイルサイズは大きくなります。
例えばネットなどで公開した時、
読み込みながら画像を表示します(荒い画像から徐々に鮮明になっていく)ので利用者の読み込み待ちのストレス軽減が期待できます。
とてもファイルサイズの大きな画像ならば付けておいてもいいかもしれませんが、
近年、回線の速度が上がっているので効果を実感する事もあまりないかも。
読み込みながら画像を表示します(荒い画像から徐々に鮮明になっていく)ので利用者の読み込み待ちのストレス軽減が期待できます。
とてもファイルサイズの大きな画像ならば付けておいてもいいかもしれませんが、
近年、回線の速度が上がっているので効果を実感する事もあまりないかも。
フォトショップの保存形式でPNGで保存する
PNGファイル保存設定
5.圧縮レベル
圧縮レベルが高いほど、ファイルサイズが小さくなるが、圧縮に時間がかかる
・PNGファイルに保存するときの圧縮レベルを、0(無圧縮)から9(高圧縮)までの間で設定
* PNGは可逆圧縮なので、圧縮レベルによって画質が変わることはない
6.フィルター
圧縮のための事前処理
・選択するフィルターによってファイルサイズが変わる
・「None」「Sub」「Up」「Average」「Paeth」は、画像全体に1種類のフィルターを適用
・「Auto」は、画像の横一列ごとに最適と思われるフィルターを適用(効果は実際に試してみないと不明)
* ビット深度が「24bit(フルカラー)」または「8bitグレイスケール」のときに選択できる