サイト公開：画像が表示されない

前提・実現したいこと

・画像等を正しく反映したホームページを公開したい。

発生している問題・エラーメッセージ

・デスクトップ上のファルダ内のindex.htmlでは画像が表示されるが、
アップしたサイト上では画像が表示されない。

文字のみの表示となる。
サイトのアップに使用しているソフトはFFFTP。

【実現させたいホームページ表示】↓↓

【エラー表示のホームページ画像：画像が反映されない】↓↓

【その他：FTP内のフォルダ中身】↓↓

該当のソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Profile</title>
</head>

<body>

<header id="header" class="wrapper">
<h1 class="site-title"><a href="index.html"><img src="img/logo.svg" alt="Profile"></a></h1>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#bicycle">Bicycle</a></li>
</ul>
</nav>
</header>

<main>
<div id="mainvisual">
<img src="img/mainvisual.jpg" alt="テキストテキストテキスト">
</div>

</main>
</body>
</html>

試したこと

「ホームページファイルをサーバーにアップロードしよう(FTP)」の記事にて、
FTPのホスト設定から「ローカルの初期フォルダ」を前に公開していたホームページのIndexから今回公開するホームページ（上記の画像のHP）にフォルダを変更しました。結果、特に変化は見られませんでした。

補足情報（FW/ツールのバージョンなど）

Terapadを使用。

m.ts10806

2021/02/27 04:12

そのコードを。

JAQKxsuke

2021/02/27 04:20

m.ts10806様コードを追記しましたので宜しくお願い致します。

m.ts10806

2021/02/27 04:28

特段おかしいところはなさそうですね。キャッシュクリアを試すとか、画像をURL直打ちでアクセスしてみるとかあとブラウザ開発ツールのコンソールにエラー出てないか確認してみてください

JAQKxsuke

2021/02/27 04:36

ご教授ありがとうございます。下記を試して正しく表示されるようになりました。 indexの前にprofile/を追記したところ画像も反映されました。 http://jaqkxsuke.sakura.ne.jp/index.html　→　http://jaqkxsuke.sakura.ne.jp/profile/index.html

m.ts10806

2021/02/27 04:38

違う階層を確認していた？あまりレンタルサーバーのドメイン直接利用することはないので別途ドメインとってWebルート調整しても良いかと思います。どういう構成のWebページ作ろうとしているのか分からないけど

JAQKxsuke

2021/02/27 04:39

m.ts10806様ちなみにこちらで続けて質問してもいいのか分からないのですが、背景色グレーの「Profile」の文字はどうすれば小さくなりますか。縦横120pxのサイズでコードを打ったのですが、原寸大で表示されます。 CSSが効いていないのでしょうか？

m.ts10806

2021/02/27 04:48 編集

要件変わりますので、いったん解決済みにしてください。 > https://teratail.com/help#resolve-myself > 後から読む人のためにも、具体的な解決手順を記載してください。 > CSSが効いていないのでしょうか？提示のコードのことならそもそもCSSがリンクされていません。

JAQKxsuke

2021/02/27 05:01

承知しました。一旦、解決策を記載します。ご協力ありがとうございます。