画像の容量は軽く

■画像の容量は軽く■

これはWEBサイトを作成するときも共通して、ブログでも画像の容量を抑える必要があります。

画像の容量が「大きい」＝「重い！」と言う事になるので
それの画像をパソコンが読み込んで表示するのに、
あぶり出しのように時間がかかってしまいます。

また、このブログが表示できる大きさは、最大で横560×縦420までなので
これを超えた画像を貼り付けても横560×縦420までと言う事は、
それだけ無駄なサーバスペースを使ってる事になります。
（１ギガバイトの容量の画像保存が出来ますが）
さらに、そのページを上へ下へと移動すると
画像がカクカクしてしまう現象がおきることもあります。

http://blogs.yahoo.co.jp/kagemusyamk1/24997060.html ←サンプルページ

---

■閲覧者のパソコンのモニターサイズにも気を配りたい■

ちなみに一般のパソコンのモニターサイズ（画像度）は下記のように

広く利用されているモニターサイズ

1	1024x768	最も利用されているサイズ
2	1280x1024	横に長く人気のあるサイズ
3	1280x768
4	800x600
5	1400x1050

その他のモニターサイズ

2560x1600	2048x1536	2560x1024	1920x1200	1680x1050	1600x1200
1440x900	1366x768	1360x768	1280x960	1280x800	1280x600
1152x870	1152x768	1152x864	1152x720	1024x1280	1120x840
1024x600	924x668	924x668	832x624	640x480	480x640
240x378	240x252

---

■通信環境にも■

すべての人の通信環境が光ならよいですが、ISDNやダイヤルアップ接続なら、さらに遅く
高速回線のADSLも様々な要因で通信速度がよくない人もいます。

この他に閲覧者のパソコンの性能によることもありますが
これが低いとフリーズすることもあるようです。

もし、その画像が約500Kバイト（500,000万バイト）を超えるようだったら
画像ファイルの容量を見直すほうがいいです。

■画像の容量の減らし方■

画像の容量に減らし方解説

1.横×縦の幅を小さくする

Windowsには付属のペイントソフトが付いており、これを使って小さくする事が出来ます。
オンラインで配布されているフォトレタッチやペイントソフトにも付いている機能

2.画質を落とす・減色する

フォトレタッチやペイントソフトの機能として付いている事があり
色解像度を使って256色に減色するなどしてみましょう
ただし、これは画材によっては画質が大きく落ちる事もあるので注意
思い切って白黒にするなども、ひとつの手段です。

3.余分な画像の部分を削る

ペイントソフトによく付いている切り取りと言う機能があります。
必要な部分だけを残して、いらない部分を削っただけの容量を減らす事が出来ます。

4.ソフトを使って容量を減らす

画像ファイルのデータの容量を減らしてくれるソフトがあります。
データの容量を減らした分だけ、画質が落ちてしまいますが
好きなように調整できるソフトがありますので、お好みに合わしましょう

5.別の画像の拡張に変える

画像には幾つかの拡張子があり
その画像形式に、しかりと合わす必要があります。
このブログで使える画像形式は3つ
写真ならJPEG、それ以外の画像ならPNG（png）やGIF（gif）があります。

---

JPEG（jpg）は写真用ですので、これ以外の画像をこの拡張子すると、大きく画像が乱れます。
写真に対しては圧倒的なサイズの容量を少なくする事ができる

---

GIF（gif）256色に限られているので他の画像からこの拡張子すると、色化けします。
アニメ・透過出来るのが特徴
GIFアニメは、通常の静止画より重く、コマ数が増えれば増えるほど重くなります。
これを用いるときは、画像の大きさは小さめに・・・
透過GIFは使用している色を指定して透明化できるので透過した分だけ、サイズの容量が減らせます。

---

PNG（png）フルカラーで使える画像形式、JPEGやPNGと比べると容量は大きいですが
他の画像形式からこれに変えても、画像が乱れたり落ちる事もありません
最大の特徴は256色に減色するとGIFより容量が軽くなります。
GIFと同じく透過できるのも特徴
透過GIFと同様に透過した分だけ、サイズの容量が減らせます。