ロゴ


助手子 はい! というわけで始まりました『間違いだらけのホームページ』!
司会は私、助手子がお送り致しまーす
先生 PS2ってスゴいよナー。DVDも見れちゃうんだから。
助手子 えっ、先生、PS2持ってるんですか!?
見せて見せて〜
先生 チッ、しょうがねぇな。
じゃあ俺の秘蔵DVDの中から、女同士の恋愛を描いた
有名な名作を見せてやるよ。
助手子 キャ〜!
ちょっぴり大人な内容に助手子ドキドキ☆
cl02.png
助手子 先生、まさかこれアダルトアニ…
先生 さて!
今日のテーマは「色」!
一口に色と言っても文字色、背景色、画像…いろいろあるが、
今回は画像の「色」について説明していきたいと思う。
さて助手子、インターネットやってて
「画像表示が遅いなー」と思ったことないか?
助手子 えっ。ええ、まあ。
先生 それはモデムが原因だったり、時間帯が原因だったり、
画像の大きさが問題だったりするんだが…
一番のポイントは「色」だ。
助手子
先生 さっきの画像を見てみよう。
cl02.png
先生 この画像の使用色数は256色だ。
画像サイズ自体は小さいが、ファイルサイズは45826バイトと、
このサイズにしては結構重いファイルになっている。
助手子 あ、聞いたことあります。
重いファイルは表示するのに時間がかかるから、
その時間を短縮するためにファイルを軽く…
えーと確か「減色」するんですよね?
先生 そう。
この画像も、256色のパレットを使ってはいるものの、
実際はそんなに色数が必要ではない。
それではこの画像を半分の色数、128色に減色してみよう。
cl02.png
助手子 見たところ、別に何も変わってないように見えますけど…。
先生 確かに。
バックのグラデーションが微妙に粗くなったかな、程度。
しかし実際はファイルサイズが9389バイトと、
約5分の1にまで軽量化されているのがわかる。
助手子 画像の読み込み時間がだいぶ違いますね。
先生 それでは、さらに半分の64色に減色してみよう。
cl02.png
助手子 …あんまり変わってないですね。
先生 ミドリちゃんのリボンの色が髪の色に近くなってきた程度かな。
ファイルサイズは7405バイト。いい感じに軽くなってきている。
助手子 ミドリちゃんて誰ですか?
先生 右の娘だよ。
さて、更に減色、32色まで落としてみよう。
cl02.png
助手子 あっ、背景がちょっと粗くなりましたよ。
先生 そろそろ減色も限界ってとこだな。
ファイルサイズは5387バイト。上出来だ。
これ以上減色すると、ファイルサイズは軽くなるが、
肝心の画像がどんどん汚くなっていく。
参考までに16色に落としてみよう。
cl02.png
助手子 ところどころ、変になってますね。
先生 グラデーションも限界にきてるな。
とどめに8色に落とすと…。
cl02.png
助手子 あちゃあ、もうダメですね。
左の娘の鼻や口が見えなくなってます。
先生 リエちゃんな。
8色ってのはモノクロ画像並の色数だからな。
カラーだと最低32色は欲しいところだ。
助手子 減色するのとしないのとじゃ、
読み込み時間にだいぶ差が出ますね。
先生 デカいCGだけでなく、ちょっとした小さな画像も
できるだけ減色しておいた方が
読み込み時間にストレスを感じなくていいぞ。
ファイルサイズが軽くなることは、
サーバーの残り容量を助けることにもなるしな。
助手子 よ〜し、早速、私のページの画像も減色しまくるぞ〜!
先生 そういえばC-C-Bの曲で「原色したいね」っていう曲があったなぁ。



数日後…


助手子 ふえ〜ん。先生の嘘つき〜
先生 何がだ。
助手子 頑張って2色まで減色したら画像が真っ黒になっちゃいましたよぅ!
先生 やるとは思ったけどな。
しかも保存する時、同じファイル名で上書きしたろ?
助手子 は、はい。
先生 ザ・ご愁傷様。
「減色」はできても、「増色」はできないから。
その画像は廃棄処分だな。
助手子 そ、そんな!
先生 うーん。このコーナーは『間違いだらけのホームページ』だからな。
助手子 えっ、ときめき?
先生 チェック イン?
助手子 ク、クラウド!
先生 だから言っただろ!
助手子 わ〜ん!
先生 ったく、ホント、どうしようもねぇ奴だな。この プレハブ!
助手子 先生のバカァ!
バカバカバカ!
先生 ざまぁみやがれ!
ハッハッハッハッ…

わーん! 減色の甘い落とし穴!
減らし過ぎて色のない世界にいっちゃった!
ある程度軽くなってくると、読み込み時間にも
さほど差は出ないみたいだし、ほどほどが一番ってことかしら。
ちなみに減色ツールはフリーソフトで色々あるから探してみてね!
それでは次回、「拡張子」に、ほめぱげ!(流行らせたい次回予告)



戻る