ホームページに画像が表示されないときの対処方法

画像が表示されない（「×」と表示されている）ときの対処方法について、
ご説明します。

（上記の動画が見れない方は、こちらの大きな動画 をご覧ください）

動画で話している内容について（テキスト）

ここでは、ホームページに画像が表示されないときの対処方法について、ご説明をさせていただきます。

まず、画像がうまく表示されていないときに考えられる原因は、次の３つが考えられます。

■ 画像が表示されていないときに考えられる３つの原因

画像のファイル名が大文字になっていること
画像が壊れていること
画像が正しく指定できていないこと

原因1. 画像のファイル名が大文字になっていること

まず１つ目は、画像のファイル名が、「大文字」になっていることです。
たとえば、「file.JPG」というような形ですね。

実際に、レンタルサーバによっては、ファイル名に大文字が使われている場合、画像が正常に表示できなくなってしまうときがあります。

また、ファイル名に「日本語」を入れても、表示できなくなるときがありますので、必ず小文字の英数字で、ファイル名を決めるようにしてください。

原因2. 画像が壊れていること

２つ目は、画像が壊れている場合です。

このケースはあまりないのですが、これを見分けるには、指定する画像を変えてみて、正常に表示できるかどうかを確認してみてください。

もし別の画像を変えて、正常に表示することができたら、最初の画像が壊れている可能性がありますので、別のファイルを使用するなどを検討してください。

原因3. 画像が正しく指定できていないこと

そして３つ目は、画像が正しく指定できていないことです。

この原因が９割以上になるのですが、たとえば、src で指定するファイル名と、実際のファイル名が異なることや、画像の指定先が違うという形です。

たとえば、下記の記述は、HTMLファイルと同じ場所に、file2.jpg という名前のファイルがあるということを意味しています。

そのため、たとえば、「img」というフォルダを作成した場合は、src で指定するところにも、下記のように「img/」という記述を入れる必要があります。

画像が表示できない原因で、最もよくあることは、画像ファイルが正しく指定できていないことなので、画像ファイルを置いている場所と、画像ファイルの指定先を、確認してみてください。