HPの画像

質問

ＨＰにアップロードした画像が、×印のマークが出て表示されなくなってしまうのですが、どうすればスムーズに出るようになるでしょうか。

回答No.4

wassyoi · ベストアンサー

まずどうして×印になるか？ということを理解しないと根本原因がわかりません。

できるだけ簡潔にご説明しますね。
ＨＰの基本は、ＨＴＭＬファイルというファイルを表示させることです。文字やその色、大きさ、他のファイルへジャンプさせるリンクの指定などはすべてこのファイルに記述されます。
ただしこのファイルはテキストしか扱えないんですね。写真やイラスト、サウンドなどは扱えないわけです。ではどうするかというと、このＨＴＭＬファイルと同じ場所（隣りあわせで）に問題の画像ファイルを置いてＨＴＭＬファイルから見たその画像ファイルの“場所”をこのＨＴＭＬファイルの中に書き込んであげるわけです。
自分のファイルの隣（同じフォルダ内）にあるこの画像画像ファイルを表示しろ！って感じですね。
そうするとブラウザでこのＨＴＭＬファイルを開くと、画像ファイルの場所を探して、そこにある画像ファイルを同じブラウザ（ＨＰ上）に表示してくれるという仕組みです。
【注意】
画像ファイルの格納場所は同じフォルダに限りません。

画像部分が×印の原因として＃１．２の方がご指摘された点は、このＨＴＭＬファイル内に書かれた場所情報としての画像ファイル名が間違っている（あるいはファイル名そのものが間違っている）という可能性です。WinPCではＯＫでも基本的にUNIX OSのWEBサーバは半角英数文字、および正しい拡張子以外は受け付けません。それと意外と見落としがちなのがファイル名先頭のスペースです。これもチェックです。

＃３の方のご指摘は、この場所の指定先が間違っているのではということです。ＨＴＭＬファイル内に記述する場所情報のことを「パス」といいます。
絶対パスとはルートから見たそのファイルの場所
img src="http://www.***.**.jp/aaa/bbb/ccc.jpg"
のことでこのように表現します。
相対パスとは現在のＨＴＭＬファイルの場所に対し該当する画像ファイルがどこにあるか？という関係で
img src="ccc.jpg" ※同じ階層の場合
これが間違っているとブラウザはＨＴＭＬファイルを読み込んでも関連する画像ファイルの場所がわからず×印を出してしまいます。

確認点としてもうひとつ...
可能性は薄いですが、パソコンの中で正常に表示できていてサーバアップロードしてだめな場合は、アップロード（ＦＴＰ）の失敗が考えられます。一旦削除して再度アップロードを行ってみてください。

お礼

くわしい説明をありがとうございます。
分かっているつもりだったけど、あんまりわかってなかったかもしれません。
大変参考になりました。

回答No.5

noname#179956

1.ファイル名は必ず半角英数小文字です。
2.また画像が転送するファイルに入っていますか？
この二つが満たされていないと自分のＰＣで良くても転送すると×表示となりますよ。

お礼

ありがとうございます。
確認したところ、ファイルネームに小さなミスがありました。
おかげさまで解決しました。

回答No.3

mach-mach

パスは正しいですか？
ファイル名などに問題がなかったら絶対パスで確認してください。
意外と相対パスの間違いなんてこともありますよ。

お礼

ありがとうございます。
さっそく確認してみます。

回答No.2

sai231ko

まさかと思いますが、
日本語をファイル名に日本語を使っているとか。
ホームページサーバーによっては使える所も有るかもしれませんけど。
半角英数で

お礼

ありがとうございます。
それはさすがに気をつけましたが（笑）。
見落としなどあるかもしれません。確認してみます。

回答No.1

cat_cat

画像ファイルの拡張子が大文字だと表示されないみたいですよ。
小文字になっていますか？

以上、私の経験からでした。

お礼

ありがとうｇざいました。
参考にさせていただきます。