画像がネット上で表示されません。

作成中のホームページを転送してネット上で確認しようとするのですが、スキャナで取り込んだＣＤジャケットの写真や自作の文字イラスト等が表示されず、左上部に、白い□の中に赤い×の入った小さいマークが出るのみです。
保存方法が間違っているのでしょうか、それとも作成段階のミスでしょうか、、、初歩的な問題かとは思いますが、ご回答よろしくお願いいたします。

No.3 ベストアンサー 回答者： exists 回答日時： 2007/10/11 09:53

時間が経ったので、もう解決しているのかもしれませんが、、、

状況を切り分けてみてみたらどうでしょうか。

その1　画像が、壊れているかどうかについて、結論を出す。
今、アップロードしようとしているサーバに、表示されている画像（なければ、インターネット上の画像)を、ローカルに保存して、その画像を、自分のサイトにアップロードしてみる。
htmlは、その画像を表示するようにurlを書き換える。
urlは、httpから始まるurlで指定してください。（相対パスで指定するより、間違いがないので)
ブラウザにアップロードした画像だけ表示させる。
htmlドキュメントに埋め込んだが画像が表示されるかどうか、htmlも開いてみる。

この作業を行えば、画像に問題があるのか、htmlに問題があるのかがはっきりすると思います。

その2　htmlに埋め込んだ画像だけが表示されないなら、
htmllint (http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
にアップロードしたURLを入力して、htmlソースの問題点を把握する。
img タグの部分だけでいい。

htmlのソースにありがちな過ち。
<img src="http://www......./aaa.jpg" alt="" width="" height="" style="">
属性の値は、ダブルクウォーテーションでくくるが、シングルクウォート
が混じっていたり、不足している時、表示できない等結構悲惨なことがおきるかもしれません。

htmlソースの文字コードと実際の文字コードが違う時。
lintが指摘してくると思いますが、、、

その3　htmllint を使って問題がない。その1では、画像だけでも表示できない。アップロードに問題がないかを調べる。

転送モードが、アスキーかバイナリ担っているかなどをチェックしていきます。

根気よく調べれば、必ず解決できると信じて、トラブルは、楽しみましょう。

この回答へのお礼

ありがとうございます。

原因は、自分の理解力不足の初歩的なミスでした。
画像を挿入したファイル名を英語半角にしていなかったため。
ツールバーのｃａｐｓやｋａｎａの部分をアバウトに考えていたからです。半角で打ったつもりでも全角になり、文字化けして転送がなされなかったものでした。こんなミスで質問してしまって、みなさんによけいな労力を使わせてしまいました。

それにしてもこのご回答、永久保存版です。保管して、のちのちまた開いて参考にさせていただくときがきっとありますので、辞書の感覚で保存しておきます。

トラブルは楽しむか・・・名言です。トラブルのストレスなど半減しますね。まことにありがとうございます。

お礼日時：2007/10/11 12:51

No.2 回答者： exists 回答日時： 2007/10/04 15:53

こんにちは、

イメージファイルのＵＲＬの指定が間違っていなかった場合ですが

windows　ですよね。

あてずっぽですが、
画像ファイルを右クリックして、コンテキストメニューから、プロパティを選択、属性のところの詳細ボタンをクリックしてみてください。
データを暗号化してセキュリティで保護する。にチェックが入っていたら、はずしてからアップロードしてください。

画像ファイルのリンクの色が、暗号化されている場合は、グリーンだったような気がしますが、、、

この回答への補足

回答ありがとうございます。
あてずっぽではないです。しかし、チェックははずれていました。

ビルダー９で作成して、さくらインターネット上へ。
さくらのスタッフにも問い合わせて、保存ファイル名が英半角でないのが原因と言われて、すべて直しましたが、それでも．．．
スキャナから取り込む段階なのかとも思ったり。

いやはやどうすればよいのか（＞＜）

補足日時：2007/10/04 21:09

No.1 回答者： borazu 回答日時： 2007/10/02 22:21

画像ファイルまでのパスの設定が間違っていると思います。

<img src="xxxx.jpg">とか、<img src="xxxx.gif">があると思いますが、xxxx.jpg とか、xxxx.gifとかのパスを確認してみてください。

参考URL：http://w-d-l.net/html/course/image/

この回答へのお礼

回答ありがとうございます。
バスの設定という言葉の意味さえわからないなさけない段階ですが、
いただいた参考ＵＲＬとともにじっくり取り組んでみます。

お礼日時：2007/10/02 23:12