パス（Path）の仕組み：画像やファイルを繋ぐ方法

「パス」とは、目的のファイルがどこにあるかを示す「住所」のようなものです。Web制作では、主に「絶対パス」と「相対パス」の2種類を使い分けます。

1. 絶対パス（Absolute Path）

URLで指定する方法です。どこからアクセスしても、必ずその場所を指し示します。

2. 相対パス（Relative Path） ★最重要

「今いるファイル」から見て、目的のファイルがどこにあるかを指定する方法です。自分のサイト内の制作ではこちらがメインになります。

フォルダ構造の例：

よく使う記号

3. CSSファイルから画像を呼ぶ時の罠

もっとも初心者がミスしやすいのが、CSSの中から背景画像などを指定する場合です。

4. ファイルが読み込めない時のチェックリスト

• スペルミス： image と img、jpg と jpeg などが違っていないか。
• 階層の数： ../ が足りない、または多すぎないか。
• 大文字・小文字： ローカル（PC）では動いても、サーバーに上げると区別されて動かないことがあります。
• 全角文字： ファイル名やフォルダ名に日本語（全角文字）を使っていないか。