質問

質問内容 画像(アイコン・写真)が表示できません。

HTMLで作ったホームページをブラウザで表示すると、×マーク、又はファイルが壊れているマークが表示されてしまいます。

回答

いくつか原因があります。

  • 画像へのパスが間違っている。
  • 画像へのパスがローカルファイルを参照している。
  • ファイル名が間違っている。
  • 拡張子を書いていない。
  • ファイルの中身が別物。
  • ブラウザで表示できない画像形式を使っている。
  • サーバーに画像をアップしていない。
  • テキストモードでアップした。
  • サーバーの不調。
  • キャッシュの問題。
  • 外部参照している。

解決方法

画像へのパスが間違っている
<img src="画像へのパス">が間違っていると表示されません、パスが間違っていないか確認してください。
画像へのパスがローカルファイルを参照している
「C:\」などで始まるパスは、お手元のパソコン内の画像を参照しています。サーバーにアップすると(ほか)の人からは見えません。
相対パスに修正しましょう。
ファイル名が間違っている
一文字でも違うと表示されません。大文字小文字、全角半角の入力ミスはないか確認してください。
半角スペースや全角文字が混ざっている、頭に数字が来ているファイル名などは、避けたほうが賢明です。サーバーによっては拒否されます。
拡張子を書いていない
まず拡張子を表示させる設定に変更してください。あとは先述の「ファイル名が間違っている」と同様です。
ブラウザで表示できない画像形式を使っている
ホームページ作成で汎用(はんよう)的に利用されている画像の形式はGIF、JPEG、PNGの3つです。BMPやアートファイル形式などは表示されないことがあります。
ファイルの中身が別物
例えばJPEGで保存したつもりで、拡張子だけ変更してもダメです。
よくある例え話ですが、桃の缶詰に"パイナップル"と書いたとして、中身はパイナップルに変わっているでしょうか? 手品の出来るすごい缶詰なら別ですが、変わりませんよね。拡張子だけ変えるというのは、そういうことなのです。
きちんと画像編集ソフトで画像の形式を変更してから再挑戦してください。
サーバーに画像をアップしていない
自分のパソコン内で表示されているのに、サーバーにアップすると見えない場合は、画像をアップしていないかアップする場所が間違っている可能性があります。
サーバーの不調
(まれ)にそういったことがあります。サーバーのサポートフォーラムなどで障害情報が出ていないか、確認してください。
テキストモードでアップした*1
テキストモードでアップすると、改行に当たる文字コードが自動で変換されます。バイナリモード、又は自動切り替えでアップしてください。
キャッシュの問題
これまた(まれ)なのですが、そういうこともあります。bmp で保存されるをご覧ください。
外部参照している
いわゆる直リンクです。お使いのサーバーがほかのスペースから呼び出すことを認めていなかったり、逆に直リンクで表示させようとしている画像を置いたサーバーが、外からの呼び出しを許可していないというケースがあります。使用してよいか著作権を確認後、ダウンロードし、お使いのサーバーへと転送してください。

#リンクに著作権は全く関係ありませんよ

編集者

作成 105 2004/03/15
追加編集 ばあど 2004/03/20
リンク修正 105 2004/09/11
追加編集 むむりく 2004/11/11


*1 この場合、変な格好の画像で表示されることもあります

リロード   新規 編集 凍結 差分 添付 複製 改名   トップ 一覧 検索 最終更新 バックアップ   ヘルプ   最終更新のRSS
Last-modified: 2006-01-19 (木) 09:44:50 (5078d)