画像の表示

質問

このカテゴリーであっているかは分かりませんが、答えて下さると嬉しいです。

私はＨＰを作ったのですけど、画像が表示されません。
ちゃんと画像もアップロードしているのですが…
何かおかしい所があるのでしょうか？

また、実際にＨＰを持っていて画像をアップロードする場合どうしているかも教えて下さい。

よろしくお願いします。

回答No.1

hiro1450 · ベストアンサー

状況が詳しくわからないので何とも言えませんが、
よくある失敗として、
(1)拡張子を間違っている（jpg、gif等）
(2)ディレクトリ（階層）を間違っている
(3)タグの閉じ忘れ
なんかが原因だと考えられます。

再度チェックしてみて下さい。

お礼

拡張子は間違っていないみたいです。
２番目なんですけど『ディレクトリ』自体が分からないです。
すみません。
今回初めてＨＰを作ったモノで…
タグの閉じ忘れはないです。
一応ホームページビルダーで作ったので。

回答No.7

noname#11638

画像を置いてあるフォルダ名（ディレクトリ名）がひらがなだということですが、ファイル名同様、フォルダ名も英数字にしてアップしなおしてください。
いずれは日本語でも認識されるようになるかもしれませんが、現段階ではフォルダ、ファイルとも半角英数字でないとサーバ上ではうまく認識されません。

HTML作成ソフトのプレビューは、あくまでもパソコン内での表示ですので目安程度にお考えください(;^_^A

お礼

英語に直してやってみました。
前は、それでも表示されなかったのですけど原因が分かりました。
実は、画像のみの単品でアップしてたんです。
フォルダごとじゃないと駄目なんですね…

回答No.6

TRADA

こんにちわ。
画像が表示されないとの事ですが、いかがですか？
ご使用制作ツールは『ホームページビルダー』ですね。

まず最初に『ディレクトリ』についてですが、これは俗にいう『フォルダ』みたいな物です。
制作段階で画像が見れないというのはちょっと不思議ですね。
基本的にインターネット上で使用できる画像ファイルは、
【JPG】【GIF】【PNG】等が主体となっています。
これらは、拡張子と言ってファイル名の後に .jpg や
.gif 等の形で判断することができます。
(Windowsのファイルフォルダの設定等で表示/非表示設定します)

また、日本語ファイル名等、使うことは可能ですが、
できるだけ半角英数文字にして下さい。(他の回答者さん参照)

また画像は何か作るソフトをお持ちですか？
Photoshop等で、間違えて.psdファイル等(使用できない形式)で保存して、ホームページビルダーで指定してしまうという事もまれにありますので。
WindowsXPであれば、jpg等にして保存できるので便利です。

詳しく解説ができないので。
例えば表示したい画像の実際のファイル名等があると回答しやすいですよ。
ホームページビルダーで表示できるようになってから、FFFTP等でアップロードしてみましょう。

的を得ていなそうで、申し訳無いです。

お礼

いえ、製作途中ではなく完成しています。
ちゃんとアップロードして見たのですけど、そしたら画像が表示されないと言う事で…
画像は必ず【JPG】【GIF】【PNG】の３つのどれかで保存するようにしてます。
それに、ビルダーで製作途中にプレビューした時はちゃんと表示されてたんですけどね(苦笑)

こんな説明不足な質問に答えて頂けただけで充分です!!

回答No.5

mat-21

画像ファイル名は、全て「英数字」及び「ハイフン」及び「アンダーバー」＋拡張子で名前を付けて下さい。例えば、
GIFの場合、「gazou-01.gif」や「gazou_01.gif」など
JPGの場合、「gazou-01.jpg」や「gazou_02.jpg」など
また、HTML側での配置タグは、HTMLファイルからみた画像ファイルのあるディレクトリを指します。これは相対値の設定となりますが、一般的にはこちらの方です。それとは別に絶対値からの設定もあります。
絶対値の指定は、「http://～」から始まる画像ファイル名まで。
相対値は、その画像を配置しようとしているHTMLのディレクトリから画像のファイル名。
例えば、htmlとgazou-01.gifが同じディレクトリ（フォルダ）内であれば、
<img src="gazou-01.gif" ～>ですし、
一つのディレクトリの中にHTML用の例えば「folder_html」というフォルダとIMAGE用の例えば「folder_image」というフォルダがあって、「folder_html」には、そのHTMLが格納されていて、「folder_image」にはgazou-01.gifが格納されていると仮定します。そうした場合は、
<img src="../folder_image/gazou-01.gif" ～>となります。つまりHTMLからみた（相対）gazou-01.gifを指定するから「../」は一つ前のディレクトリを指します。「一つ前のディレクトリ/画像の入ったディレクトリ/画像ファイル名となります。」

お礼

全てなおしてみたのですけどね…
やっぱり表示はされなかったです。
つまり簡単にいうと、アップロードした画像に直リンクするという感じで良いのですかね？

回答No.4

watnstar

こんにちは。

良くあるミスで大文字と小文字があります。
お使いのパソコンはWindowsではありませんか？
タグで指定したファイル名が小文字でも、
アップロード時にファイル名が大文字になることが
あります。
もちろんサーバーはUNIXですので大文字と小文字は別の物と認識しています。
（Windowsは同じ物と認識して表示します。）
もしもタグが小文字で書いていたならば大文字にしてみてください。
的外れだったらごめんなさい。

お礼

Windowsを使っています。
ちなみに大文字・小文字の前にひらがなになってました…
１度、変更してみたいと思います。

こちらの説明不足な質問に答えて頂けただけで充分ですので。

回答No.3

wolv

・HTMLファイル中で画像を表示するためのタグ（<img src=...>）がどうなっているか。

・HTMLファイルをどこにおいたか、

「http://サーバー/アカウント/ディレクトリ名/HTMLファイルの名前」
のディレクトリ名

・画像ファイルをどこにおいたか。

（「http://サーバー/アカウント/ディレクトリ名/画像ファイルの名前」のディレクトリ名以下

上記の３つの情報があると話は早いのですが...。
（サーバー、アカウントの部分は伏字にしましょう）

お礼

画像を表示させるタグはimg src=/less.gifと言う風になっていました。
これはイラストの名前じゃないし…これのせいですかね？

『http://サーバー/アカウント/ディレクトリ名/HTMLファイルの名前』なんですけど、ディレクトリ名の部分を英語ではなく日本語にしてます。
これは駄目ですかね？
ちなみにプロパティを確認すると、使用不可と書いてある項目が数個かありました。

回答No.2

ponpon

こんにちは。
パス名、ファイル名が違う場合、画像の指定サイズが矛盾している場合等、画像は表示されません。
推測でアドバイスしたいと思いますので、間違っていた場合にはすみません。

*HTMLページを作成するときに、何らかのアプリケーションを使用していて、まずはローカル（お使いのPC）上で編集して、サーバに更新している。
＞指定している画像のパスが、C:\...等になっていませんか？サーバに更新すると、パスが変更しますので、正しいパスであるかどうか確認してください。

サーバにあるHTMLファイル内の画像を更新したい場合は、簡単に二つの方法があります。
*新しい画像を、古い画像と同じ名前をつけて上書き更新する
*HTMLページ内の画像名を新しく更新し、HTMLと画像両方を更新する。

アップロードは、お使いのサーバまたはプロバイダによって方法が異なりますが、FTPがメジャーなのではないでしょうか。（しばらく現役を離れているので自信なし。。）

お礼

ＨＰはホームページビルダーの方で作成しました。
画像ですが、確認してみましたがC:\...では始まってませんでした。
いきなり画像を保存しているファイル名/イラスト名という風になってました。
アップロードする際はFFFTPを使いました。
ページのアップロードまでは良かったんですけど…
イラスト以外の素材などはちやんと表示されているのですが…