title

減色…
通信速度がいくら早くなったからって、やっぱりできるだけサクッと見れるほうがいいですよね。
そこで、今回は減色の話。

GIFの場合、色数は少なければ少ないほど画像のサイズが小さくなり、
表示が速くなります。
表示が速いというだけでなく、画像のサイズが小さければ、無駄にディスクスペースをとることもないわけです。
その分ほかのところでいろいろなものを載せることができるんですよね。
とにかく、ボタンやサムネイル(サンプル用の小さい画像)は多少画像が荒くても良いので、
ファイルサイズを抑えましょう。

Photoshopで画像の色数を減らすときはどうしますか。
とりあえず、「モード」で「インデックスカラー」に変更しますよね。
通常は「RGBカラー」になっているはずです。RGBだと、JPEG形式でしか保存できませんよね?
(webで使える形式にするために。)
この画像の色数を減らしてみましょう。
最初の画像

まず「インデックスカラー」を選びましょう。すると、色数を聞いてきます。
ここで好きな色数に減らすわけですが。
「よぉし、16色にするぞ。」
と意気込んで、一気に「16」を選んでOKしてみました。すると!
16色にいきなりしちゃった画像
うーん?なんだかイマイチかも?

そう、実はPhotoshopで減色していくときは、一気に減色するのは避けたいのです。
徐々に下げていきましょう。
まずは256を選びます。次に128、というようにだんだん下げていきます…
そうやって徐々に下げていった場合は、こういう感じになります。
だんだん色数を減らした画像
なんとなくだけど、上の画像よりいい感じでしょう?(すこしだけファイルサイズが大きいんですが…)

少し面倒ですが、少しでも軽く・綺麗に画像を使っていきたいと思うのです。

目次に戻る

CGroomへもどる