製品名
:ホームページ・ビルダー
バージョン
:10, 11, 12, 13
QA番号
:HPB-1670
タイトル
:サーバーへ転送後に画像が表示されない場合は、こんなところを確認しよう - V10 以降
こんなときには
サーバーへ転送後に画像が表示されない場合は、こんなところを確認しよう - V10 以降
操作手順
ページに挿入した画像がページ編集画面やプレビュー画面では正常に表示されているのに、サーバーへ転送後に表示されない場合にはいくつかの原因が考えられます。以下の点についてご確認ください。
画像のファイル名に、サーバー上では認識できない文字が利用されている場合
「ベース URL」に不適切な設定がされている場合
画像ファイルがサーバーに転送されていない場合
<画像のファイル名にサーバー上では正しく認識できない文字が使われている場合>
ファイル名に漢字、ひらがな、カタカナ、半角カタカナ、スペースや記号をお使いの場合、サーバーの基本ソフトによっては正確にファイル名を認識できず、結果として画像が表示されません。
また、半角の英数字であっても大文字と小文字は区別されることがあります。その場合、HTML ファイルに指定された画像ファイル名と実際の画像ファイル名の大文字と小文字に相違があっても表示できなくなります。画像をサブフォルダに入れている場合のサブフォルダ名に対しても同様です。
画像が表示されない場合、以下の手順でページに挿入されている画像のファイル名を確認し、問題のあるファイル名は修正しましょう。
挿入済み画像のファイル名を確認する
1. ページに挿入されている画像のファイル名を確認するには、ページ編集画面で画像を選択し、メニューバーから「編集」→「属性の変更」を選択します。
属性の変更を選択する画面
「属性」ダイアログが表示されます。
2. [タグ] が [画像] になっていることを確認します。「どこでも配置モード」をご利用の場合は、「レイアウト枠に含まれる画像」ダイアログが表示されていることを確認します。
[画像] タブの [ファイル] 欄でファイル名を確認します。
ファイル名を修正する
上記画面で表示されるファイル名に小文字の半角英数字以外の文字が含まれる場合は、ビジュアルサイトビューでファイル名の変更をします。
※「かんたん」スタイルの場合、[サイト] ビューは使用できません。ビジュアルサイトビューからファイル名を変更してください。
ファイル名の変更方法については、HPB-1683 「サイトを作成したページのファイル名を変更しよう - V10 以降」を参照してください。
<「ベース URL」に不適切な設定がされている場合>
プレビュー画面や Web ブラウザでは表示されるのにページ編集画面で画像が表示されない場合には、ページのプロパティに「ベース URL」が設定されている可能性があります。「ベース URL」に間違った設定をしていると、パスの起点が換わるため設定がおかしくなり、画像が表示されない原因となります。詳細については、関連情報 FAQ を参照してください。
「ベース URL」設定確認および削除方法
-
メニューバーから「編集」→「属性の変更」を選択します。
「属性」ダイアログが表示されます。 - [タグ] が [ページのプロパティ] であることを確認します。[ページのプロパティ] になっていない場合は、右にある ▼ ボタンをクリックし、[ページのプロパティ] を選択します。
- [ベース URL] 欄に何か指定されていないか確認し、不要な場合は削除してください。
<回線トラブルなどにより、画像ファイルが実際にはサーバーに転送されていない場合>
サイト転送などで「転送が完了しました」となっても、回線のトラブルなどで実際にはサーバーへ転送がされていないことがあります。
その場合には、ファイル転送 (FTP ツール) でサーバー上に画像ファイルが転送されているか確認します。このファイル転送 (FTP ツール) は、インターネットに接続した状態で使用してください。
1. メニューバーから「ツール」→「FTP ツールの起動」を選択します。
ファイル転送 (FTP ツール) が起動します。
2. [接続] ボタンをクリックします。
(インターネット接続するかどうかのダイアログが表示された場合は [OK] ボタンをクリックします。)
〔V13〕の場合
〔V12〕以前のバージョンの場合
3. 右側に、サーバーに既に転送されているファイル名が現れるので、表示されない画像ファイルがあるか確認します。
(表示されない画像のファイル名が何であるか確認するには上記「■挿入済み画像のファイル名を確認する」の手順をご覧ください。)
転送先フォルダが表示された場合や画像ファイルをサブフォルダに保存している場合は、そのフォルダをダブルクリックして開いてください。
〔V13〕の場合
〔V12〕以前のバージョンの場合
4. 右側から見つからない場合は、左側から該当する画像ファイルを選択し、上向きの矢印ボタンをクリックして転送します。この時、転送モードで自動判別が選択された状態になっていることを確認してください。(なっていない場合は転送前に選択しておきます。)
〔V13〕の場合
〔V12〕以前のバージョンの場合
5. Web ブラウザで確認します。
このファイル転送の代わりに、サイト転送で「すべてのファイル」にして再度転送するのも有効な方法です。
プロバイダによっては、サブフォルダの作成を禁止していることがあります。画像をサブフォルダに入れてホームページを作成している場合には画像が表示されない結果になりますので、画像をページ (HTML ファイル) と同じフォルダに保存する必要があります。
転送後に Web ブラウザで確認する際には、念のため Web ブラウザの更新を行ってください。
関連情報
FAQ:
HPB-0001 「サーバーに転送後、画像が表示されない場合の対処方法について」
※FAQ は、よくある質問とそれに対する回答をまとめた技術情報です。
最終更新日:2009年02月26日
