画像に関する質問

	画像が表示されない
	<IMG>タグを使ってホームページで画像を使うようにして いざページをブラウザで表示させてみると画像が表示されないという人が多いんだけれど、 この場合指定した画像のURLが間違っていることがほとんどなんだ。 画像が表示されない原因として大きく２つに分かれるよ。 １．指定したURLの先に画像が存在しない 　まず考えられる原因の１つとして、指定している画像のURLが間違っているためにそのURLに画像が存在しない場合があるんだ。 <IMG src="■">として”■”の部分に画像のURLを指定するよね。 この時に”■”で指定したURLに画像が存在しなかったら当然画像が見つからないので表示できないね。 そこで、実際に”■”で指定したURLに画像が存在するかどうかを調べよう。 下のようにブラウザのアドレスバーに”■”で指定しているURLを打ち込んでそのURLへ移動してみよう。 この時に、きちんと思った通りの画像がブラウザに表示されたらURLは間違っていないはずなので もう一度今参照したURLと”■”で指定したURLが間違っていないかを確認してみよう。 ２．指定したURLがローカルのパソコンのアドレスを指している 　次に考えられる原因として、<IMG src="■">の”■”で指定されているURLがローカルのパソコンのアドレスを指している場合なんだ。 次のようなことが思い当たる場合はローカルのパソコンのアドレスを指している場合が多いんだ。 ・自分のパソコンでは画像が表示されているのに、友達のパソコンでは表示されていないと言われる これは、よく質問で受ける典型的な症状だね。 原因はローカルのパソコンの画像を指し示しているために起こるんだけれど、 なぜこのようなことが起こるかわかるかな。 ホームページもそうだけれど、みんなに見てもらうためにはサーバーにファイルをアップロードしておかないといけないよね。 サーバーは誰でもファイルを見ることができる特別な存在なので、 そこにファイルを置いておけば誰でもホームページを見ることができるよね。 ※本当は別に特別な存在ではなく、そういう設定にされているだけ。 　通常使っているパソコンでも環境と設定さえ行えば外部にファイルを公開することは可能だよ。 　ここではわかりやすくするためにこういう表現を使いました。 でも、自分のパソコンにおいている場合は外部から中のファイルを見ることはできないんだ。 だって、自分のパソコンの中身を世界中の人に勝手に見られたら嫌でしょ。 まとめると、 　・サーバーに置いているファイル（画像）は誰にでも見れる 　・自分のパソコン内の画像は自分のパソコンからしか見れない ということだね。 次に、URLが自分のパソコンを指しているかどうかを調べる方法なんだけれど、 <IMG src="■">の”■”を確認してごらん。 URLが”C:\....\...”のような形になっていたりしないかな。 通常サーバーのURLを指定できている場合は 相対パスの表記になっているか、絶対パスだと”http://...”なんかになっていることが多いよ。 もし、指定しているURLが自分のローカルのアドレスを指定していることがわかったら、 まず表示させたい画像をサーバーにアップロードして、 そのアドレスを指定してみよう。 それでも表示されない場合は、 「１．指定したURLの先に画像が存在しない」を見てURLが間違っていないか確認してみてね。