- ベストアンサー
画像を分割して並べる？
ウェブサイトで、見かけるのですが、大きな画像を いくつかに分割して、複数の小さな画像がうまく配置され、 １つの大きな画像になっているものがあります。 なぜ、そのようなことをしているのでしょうか？ 私もホームページを作っているのですが、 大きな画像の場合は、こうゆうことをしたほうが良いのでしょうか？ そして、その方法ですが、 1：（分割の方法） 画像を、マウスでの範囲選択で、いくつもに分割すれば、微量のズレも出るはずです。 2：（表示の方法） 分割できたとして、サイトに表示するには、 テーブルタグかなにかで、並べるのでしょうか？ 解説と共に、1と2の方法をレクチャーしてください。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
画像を分割する理由・・・ それは、見る方のネットワーク環境によりますが、大きな画像と言うものは 読み込みに時間がかかります。 そこで、大きなものも分割し、小さくすることで読み込み時間を短くする ことが出来るのです。 http://www.forest.impress.co.jp/article/2002/08/20/okiniiri.html のようなツールを使うと、簡単に分割したものが作成出来ますよ
その他の回答 (3)
- D-onk
- ベストアンサー率10% (3/29)
1：（分割の方法） 画像を、マウスでの範囲選択で、いくつもに分割すれば、微量のズレも出るはずです。 私はMicrosoft Photo Editorでカーソル位置を確認しながら分割しましたことがあります！ヤレバできる！たぶんペイントでも・・
- kusukusu
- ベストアンサー率38% (141/363)
> １つの大きな画像になっているものがあります。 > なぜ、そのようなことをしているのでしょうか？ これは「見かけの速さ」を表現するためです。 大きな画像を一枚で表示するとの、分割して表示するのではどちらが速いか…これは一枚で表示した方が速いのです。 と言うのも、Webサーバーとブラウザの間では、画像一枚毎に "GET /pic/hogehoge.png HTTP/1.1" 200 843 と言うようなやりとりをしています。 つまり、画像が増えれば(分割すれば)それだけサーバーとのやり取りも増え、その分時間が遅くなります。 ただ、体感では分割した方が速く感じます。 これは錯覚を利用したものですが、どちらがいいかはサイト制作者の判断でしょう。 ちなみに私なら分割しません。 見かけの速さより実際の速さを重視しますから。
>なぜ、そのようなことをしているのでしょうか？ ♯１の方もおっしゃっているように 画像の読み込み時間を短縮するためです。 最近は高速回線の家庭が増えたのであまり神経質にならなくても いいでしょうが、遅い回線で見ている人もいるという作り手側の配慮です。 >画像の分割の方法 画像を分割することを「スライス」と言います。 スライス方はもちろんマウスでドラッグ～・・・なんかじゃ無理ですよ 専用のソフトが必要です。 フリーもあるみたいですし、あとはPhotoshopとかFireworksに スライス機能がついているかと（私はフォトショでやっています） 単に画像を置くだけならそのまま配置してもかまいませんし 「フレームなんだけどフレームに見せない」 「画像の中にテキストを配置したい」 なんて小技をやりたいなら、テーブルの中に置く事が必要です。 テーブルは行間と線の太さを０にし配置します。 <table cellpadding="0" cellspacing="0">
