ファイル名の大文字・小文字に注意

ホームページで画像やCSS、HTMLが表示されない原因として多いのが「ファイル名の大文字・小文字の違い」です。

重要
サーバーでは、大文字と小文字は別のファイルとして扱われます。

例

次のファイルはすべて別のファイルとして扱われます。

logo.jpg
Logo.jpg
LOGO.jpg

よくあるトラブル

HTMLでは logo.jpg と書いている
実際のファイル名は Logo.jpg

この場合、画像は表示されません。

Windowsでは気づきにくい理由

Windowsでは大文字・小文字を区別しないため、パソコン上では問題なく表示されることがあります。

しかしサーバーでは区別されるため、公開すると表示されないという問題が発生します。

対策

ファイル名はすべて小文字にする
英数字のみで作成する
空白を使わない

おすすめの例

logo.jpg
company-photo.jpg
top-banner.jpg

確認方法

HTMLの記述を確認する
サーバー上のファイル名を確認する
完全に一致しているか確認する

関連ページ