« 水天宮横丁 | トップページ | 福岡市動植物園のパノラマ »

2007/05/27

写真のサイズを小さくするということ

デジタルカメラで撮った写真をそのままココログにアップロードすると、表示に時間がかかって全体も見渡せない、という見にくい状態になる。しかもココログの空き容量がどんどん減っていく。

前もってほどほどに小さいサイズにしてアップロードすればいいのだが、グラフィックソフトを使ったことがない人は「サイズ」のイメージが分かりにくいらしい。(家のデジカメ用プリンターや町の写真屋さんで印刷してもらったら普通に小さい紙に印刷されるから、デジタルカメラで撮ったままの写真ファイルがどれだけ巨大か全然意識する必要がないし。それとWindowsのマイコンピュータやエクスプローラでファイル一覧を見て、目当ての写真をクリックした時に大きく表示されるのは、実はデスクトップの大きさに合わせて適当に縮小されたものだから、等倍の写真を見る機会がほとんどなさそうだ。)

それでどんな風に違うのか見本を作ってみた。

画像のファイル形式には、BMP、GIF、グラフィックソフト独自の形式等色々あって、保存の時の設定でやれることやその結果にも違いがある。ここではデジタルカメラで一般的なJPEGを使った。

まずは、縦横サイズを変えて保存した写真の比較。縦横サイズが大きくなるほど細部が見えるようになる。が、容量も大きくなる。

写真20070527a1
横x縦:320x240ピクセル
容量:63KB
写真20070527a1引き延ばし
横x縦:320x240ピクセル、ただしブラウザ側で380x285ピクセルに引き延ばして表示
容量:63KB
20070527a2.jpg
横x縦:640x480ピクセル
容量:178KB
20070527a5.jpg
横x縦:640x480ピクセル、ただし320x240ピクセルに縮小後に再拡大して保存したもの。
容量:153KB
一度縮小して失われた細部の情報は拡大しても戻って来ない。
20070527a3.jpg
横x縦:800x600ピクセル
容量:247KB
20070527a4.jpg
横x縦:2816x2112ピクセル
容量:941KB
これは「600万画素」のデジタルカメラで撮ったそのままのファイル。もしカメラの設定で「高画質モード」にしていたら容量は2MB近くになっていたと思う。「1000万画素」のデジタルカメラで撮ると縦横サイズはもっと大きくなる。それに伴って容量も大きくなる。
※ブラウザがIEで「インターネットオプション」の「詳細設定」の中の「イメージを自動的にサイズ変更する」にチェックを入れている人は、この写真がブラウザの窓ぎりぎりいっぱい程度の大きさにしか見えないかもしれない。その場合は写真右下の辺りにマウスカーソルを合わせると出てくるアイコンをクリックすると原寸で表示される。

町の写真屋さんにメモリーカードを持って行って印刷してもらった写真が小さいのは、印刷機械の1ピクセルがパソコン画面の1ピクセルより小さくなるように設定されているから。

例えば1枚目の画像ファイルを持って行って印刷してもらうとしたら、1ピクセルのサイズを通常の写真と同じ設定にすると紙の隅っこに小さく印刷されるだろうし、1ピクセルのサイズを大きい設定にすると上の2枚目のように粗が目立ってしまう(「画像アップロードテスト・続き」の例の方がわかり易いかな)。

次は、縦横のサイズは同じで、画質の設定だけ変えて保存した写真。高画質にするほど容量が大きくなる。低画質だとブロックノイズが増えて色が濁る。

写真20070527b1
横x縦:320x240ピクセル
容量:12KB
写真20070527b2
横x縦:320x240ピクセル
容量:20KB
写真20070527a1
横x縦:320x240ピクセル
容量:63KB

JPEG形式では容量と画質の関係は結構流動的。色々なものがごちゃごちゃ写った写真は低画質でも容量が大きくなりがち。雲一つない青空は高画質でも容量は小さい。また、同じ写真・同程度の画質でも保存に使ったソフトによって容量は変わる。

写真を撮った本人は画質の良し悪しに敏感になるけれど、他人は少しぐらい画質が悪くても気が付かない。元のいい画質の状態を知らないから。「どうしてもここを見せたい」という希望とブラウザの画像読み込みスピード・画面をスクロールする負担・ココログの空き容量などとの折り合いをつけて適切なサイズを選びたい。

最後に大事な注意点。どんなソフトを使うにせよ、写真のサイズ・画質を変えて保存する時は絶対に別名で保存すること。同じ名前で上書き保存すると二度と元の一番きれいな状態に戻せなくなる。

※2008年2月16日追記

どれぐらいの容量だったら何枚ココログにアップロードできるの?ということを書いた→「ココログにアップロードできる画像の枚数

|

« 水天宮横丁 | トップページ | 福岡市動植物園のパノラマ »

ウェブログ・ココログ関連」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/8228/15219348

この記事へのトラックバック一覧です: 写真のサイズを小さくするということ:

« 水天宮横丁 | トップページ | 福岡市動植物園のパノラマ »