画像を分割して並べる？

質問

ウェブサイトで、見かけるのですが、大きな画像を
いくつかに分割して、複数の小さな画像がうまく配置され、
１つの大きな画像になっているものがあります。
なぜ、そのようなことをしているのでしょうか？
私もホームページを作っているのですが、
大きな画像の場合は、こうゆうことをしたほうが良いのでしょうか？
そして、その方法ですが、
1：（分割の方法）
画像を、マウスでの範囲選択で、いくつもに分割すれば、微量のズレも出るはずです。
2：（表示の方法）
分割できたとして、サイトに表示するには、
テーブルタグかなにかで、並べるのでしょうか？

解説と共に、1と2の方法をレクチャーしてください。

回答No.1

shy00 · ベストアンサー

画像を分割する理由・・・
それは、見る方のネットワーク環境によりますが、大きな画像と言うものは
読み込みに時間がかかります。
そこで、大きなものも分割し、小さくすることで読み込み時間を短くする
ことが出来るのです。

http://www.forest.impress.co.jp/article/2002/08/20/okiniiri.html
のようなツールを使うと、簡単に分割したものが作成出来ますよ

参考URL：

http://www.forest.impress.co.jp/article/2002/08/20/okiniiri.html

回答No.4

D-onk

1：（分割の方法）
画像を、マウスでの範囲選択で、いくつもに分割すれば、微量のズレも出るはずです。

私はMicrosoft Photo Editorでカーソル位置を確認しながら分割しましたことがあります！ヤレバできる！たぶんペイントでも・・

回答No.3

kusukusu

> １つの大きな画像になっているものがあります。
> なぜ、そのようなことをしているのでしょうか？
これは「見かけの速さ」を表現するためです。
大きな画像を一枚で表示するとの、分割して表示するのではどちらが速いか…これは一枚で表示した方が速いのです。
と言うのも、Webサーバーとブラウザの間では、画像一枚毎に
"GET /pic/hogehoge.png HTTP/1.1" 200 843
と言うようなやりとりをしています。
つまり、画像が増えれば(分割すれば)それだけサーバーとのやり取りも増え、その分時間が遅くなります。
ただ、体感では分割した方が速く感じます。
これは錯覚を利用したものですが、どちらがいいかはサイト制作者の判断でしょう。
ちなみに私なら分割しません。
見かけの速さより実際の速さを重視しますから。

回答No.2

noname#3598

>なぜ、そのようなことをしているのでしょうか？
♯１の方もおっしゃっているように
画像の読み込み時間を短縮するためです。
最近は高速回線の家庭が増えたのであまり神経質にならなくても
いいでしょうが、遅い回線で見ている人もいるという作り手側の配慮です。

>画像の分割の方法
画像を分割することを「スライス」と言います。
スライス方はもちろんマウスでドラッグ～・・・なんかじゃ無理ですよ
専用のソフトが必要です。
フリーもあるみたいですし、あとはPhotoshopとかFireworksに
スライス機能がついているかと（私はフォトショでやっています）

単に画像を置くだけならそのまま配置してもかまいませんし
「フレームなんだけどフレームに見せない」
「画像の中にテキストを配置したい」
なんて小技をやりたいなら、テーブルの中に置く事が必要です。
テーブルは行間と線の太さを０にし配置します。
<table cellpadding="0" cellspacing="0">