ホームページ作成にあたって（画像が表示されない）

質問

ホームページを作ろうという気になって、本を読んだりネットで調べたりと、色々勉強しました。
さて、最初からつまずいているのですが、画像の表示が上手くいきません。
<img src="～～～" width="～" height="～" alt="～">
ちゃんとフルパスで入力しているのに、プレビューでは画像が「バツ」になっていたりして表示されません。タグにもフルパスにも誤りはないはずなのですが。。。
昔使っていたWindows９８では問題なく出来ていた作業なのですが、ＸＰに変えてからというもの、出来なくなったことが多くなったように思います。パソコンに関してはまったく無知な私ですが、よろしければ何か分かる方は教えてください。お願いします

回答No.3

yuka_chan · ベストアンサー

画像が表示されない（×になる）原因としては以下のようなことが考えられます。

●アップロードが正常に完了していない。

画像はバイナリモードで転送してください。

●タグが正しくない。

●画像のアドレス（URL）が正しくない。

下記のように"自分のPCの中における住所"を指定してしまっている方が稀にいらっしゃいます。
例：<img src="file:///C:/***/***.gif>
↑これだと、その画像は自分にしか見えません。
※「URL」とは「http://」で始まるインターネット上での住所のことです。

●拡張子（ファイル形式）が正しくない。

拡張子とは"ファイルの種類"を表す、半角ピリオドから始まるアルファベット3・4字程度の文字列です。
ローカル上（アップロードする前の）ファイルに付いているものと同じ拡張子を、タグ内のファイル名の後ろにも必ずつけてください。
※デフォルト（＝初期設定のまま）では、拡張子は表示されない設定になっているかと思いますが、ホームページを作るなら表示させておいたほうが良いです。
拡張子の大文字・小文字が違うだけでもダメな場合がありますので、気をつけてください。
（ 素材の拡張子が「.GIF」なのに、タグで指定したファイルの拡張子が「.gif」になっちゃっていませんか？）

●画像のファイル名が正しくない。

タグで指定してるファイル名と「大文字と小文字」・「半角と全角」が違っていませんか？
それから、ファイル名は半角英数字と決まっています。ですから、もちろん日本語のファイル名ではダメです。
※ファイル名に限らず、タグは必ず半角英数字で書くこと。

●サーバー側に直リンク禁止の処置がなされている。

最近多いのがコレです。
もし、ページ（HTMLファイル）をアップロードしたのと異なるサーバーにある画像を引っ張って表示させようとしてるなら、画像を置いてるほうのサーバーの規約に「直リンク禁止」が無いかどうか調べてください。
１番簡単なのは、ページと同じディレクトリに画像もアップロードすることです。そうすれば下記のようにファイル名だけで表示させることができます。
例：<img src="***.gif">

━━━━━━━━━━━━━━━━━━━━━━

拡張子やファイル名に関しては、ブラウザによっては「大文字と小文字」が違っても表示されたりしますが正しく書くに越したことはないです。

お礼

詳しいご説明ありがとうございます！
ファイル名は半角英数のみだったんですか。
思いっきり日本語でした。
ありがとうございました<(_ _)>

回答No.2

hidechan2004

詳しい状況がわからないので、正しいアドバイスは出来ないのですが、
パスはフルパスでなく相対パスの方が良いですよ。
HTMLファイルと同じフォルダにある画像はファイル名だけで表示されます。
別フォルダに入っているなら、そこから階層をたどって書けば良いです。
フルパスだとアップロードすると表示されないですよ。
環境変わりますからね。

お礼

なるほど！そうだったんですか。
やってみます！
ありがとうございました

回答No.1

salvager

問題の画像の確認ですが、ローカルでの確認時ですか？
それともWebでの確認時ですか？
Webでの確認時の場合、該当ファイルのアップロードは済んでいますか？

お礼

ローカルでの確認時です
ありがとうございました