画像の重さについて

web上で表示する画像の重さを軽くするには?


最近では機能アップであまり気にならなくなってきているかもしれませんが、
web上での画像表示スピードはやはり大切です。

特にページ内容量がとても多く、画像をふんだんに使用したい場合は注意が
必要です。

そこで画像の表示スピードを遅くしないため、画像を「軽く」する例をピックアップ
してみます。

まず「GIF」と「JPEG」という形式ですが、これは同じサイズの画像を保存した際
「GIF」のほうが軽くなります。これは「GIF」が必要最低限の色数に自動で減らす
ためです。なので、
・色数の少ないロゴなどでは
「GIF」。写真などの細かな画像は「JPEG」
と必要に応じて保存方法を変えてみると良いでしょう。

次に、「Photoshop」や「Illustrator」では、
・通常の保存以外に「web用に保存」という機能が付いています。
こちらでは画像を軽くした際どの程度画像が荒れてしまうか自分の目で見て、
確かめながら画像を軽く設定して保存ができるためとても便利です。
※通常の保存同様「ファイル」メニューから選ぶことができます。

このように、画像を保存する際には、
・保存形式
・画質の調整
をお忘れなく。

No comments

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>