ロリポップで画像が表示されない時の確認順番

ページは表示されるのに画像だけ出ない時は、画像ファイルが壊れているよりも、URLとサーバー上の置き場所がずれていることが多いです。ロリポップへFTPでアップロードした直後なら、まずパスとファイル名を見ます。

画像が出ない時はURL・置き場所・SSLを分けて見る

画像URLを直接開き、公開フォルダ内の場所、ファイル名、HTTP/HTTPSの混在を順番に確認します。

画像URLを直接開く

最初に、HTMLの src に書いたURLをブラウザで直接開きます。画像URLだけで404になるなら、HTMLではなく画像の置き場所や名前の問題です。

https://example.com/assets/images/sample.jpg

実際に見る順番

画像だけ出ない時は、HTMLを何度も書き換える前に、画像URLとFTP上の置き場所を合わせます。

FTP上の場所とURLを合わせる

公開フォルダ直下に assets/images/sample.jpg がある場合、URLも同じ階層になります。FileZillaの右側で、画像が本当に公開フォルダの中にあるか確認します。

大文字小文字と拡張子を見る

Windowsでは気づきにくいですが、サーバーでは Sample.JPG と sample.jpg は別ファイルとして扱われることがあります。HTML側とファイル名を完全に合わせます。

• sample.jpg と sample.JPG が混ざっていないか
• .png と .jpg を書き間違えていないか
• 日本語ファイル名や空白を使っていないか
• 画像をフォルダごとアップロードし忘れていないか

SSL後ならhttp読み込みを確認する

サイトをHTTPS化した後に画像が消える場合、画像URLだけ http:// のままになっていることがあります。検証ツールのConsoleやNetworkで mixed content が出ていないか見ます。

<img src="/assets/images/sample.jpg" alt="サンプル画像">

同じサイト内の画像なら、上のようにルート相対パスで書くとHTTP/HTTPSの混在を避けやすいです。

キャッシュを切り分ける

画像を差し替えたのに古い画像が出る時は、ブラウザキャッシュの可能性もあります。別ブラウザ、シークレットウィンドウ、画像URL末尾の一時的なクエリで確認します。

AIに相談する時のメモ

AIに相談する時は、画像URL、HTMLの src、FTP上の置き場所をセットで渡すと原因を絞りやすくなります。FTPパスワードや管理画面情報は貼らないでください。

ロリポップで画像が表示されない件について相談します。

表示されないページURL:

画像URL:

HTMLに書いているimgタグ:
例: <img src="/assets/images/sample.jpg" alt="">

FTP上の画像の置き場所:
例: /公開フォルダ/assets/images/sample.jpg

画像URLを直接開いた結果:
例: 404 / 403 / 古い画像が出る / 画像は表示される

確認したこと:
- ファイル名の大文字小文字:
- 拡張子:
- 画像フォルダのアップロード:
- http/httpsの混在:
- 別ブラウザ:
- キャッシュ:

パスワード、FTP接続情報、管理画面情報は伏せています。
初心者向けに、次に見る順番を教えてください。

公式情報で確認するところ

関連記事

• Web公開トラブル症状別レスキュー
• AIコードを本番に入れる前後の安全確認入口
• ロリポップ公開トラブル解決まとめ
• ロリポップでファイル権限・パーミッションを確認する方法
• ロリポップでアップロードした画像だけ403になる時の確認手順
• 画像やCSSを更新したのに古いまま表示される時の直し方
• 相対パスと絶対パスの違いで画像/CSSが崩れる時の直し方
• ロリポップでFTPアップロードしたのに反映されない時の確認順番
• アップロード後に404になる時の確認手順
• SSL設定後に鍵マークが出ない時の直し方