自分のサイトのイラスト画像が見えません。

質問

何度もされた質問ですいません。
しかし過去ログを読んでも、Macユーザーという事と私の知識不足のせいで、どうも自分の事例と違う気がしてしまいます。

私はイラストサイトを開いているのですが、自分のブラウザ(safari)からは見れるのに、友人のパソコンからは見えないようなのです。何人かに聞いても、みんな見えないと言うので、私のサイトに問題があるのだと思います。
しかしながら、原因が自分では分かりません。

描いたイラストを、photoshopに取り込んでjpgにし、
画像解像度を72にする。
サイトにアップロードして<img src="ファイル名">
か<IMG src="アドレス" width="幅" height="高さ" border="0">のタグを打つ。

ここまでの過程に何か問題があるのでしょうか。
それとも他に、何か特殊なことをしなければならないのでしょうか。

私はインフォシークiswebライトを利用させていただいており、Macユーザーです。そして友人はwindowsです。

まだまだ知識に乏しいため、丁寧に教えてくださったら幸いです。よろしくお願いします。

回答No.3

shhkmg · ベストアンサー

基本的な事ですが，画像のファイルパスは正しいですか？
ファイルパスとは，あなたが質問文に書いた

　＞<IMG src="アドレス" width="幅" height="高さ" border="0">のタグ

のうちの「"アドレス"」の部分のことです。サイト内に於ける画像の在処ですね。
例えば、サイトhogehoge.html内に配置したい画像XXX.jpgが、このhogehoge.htmlと同じディレクトリ（Macで言う『フォルダ』と考えて差し支えありません）内にある場合，アドレスは単純に

　img src="XXX.jpg"

で良いのですが，もしこれを別のディレクトリ・例えばhogehoge.htmlより下の「images」ディレクトリの中にある画像を使うと言う場合，アドレスは

　img src="images/XXX.jpg"

のようになります。
また、そのhogehoge.htmlが何らかのフォルダの中にある状態で「images」フォルダの中の画像を使うと言う場合は，

　img src="../images/XXX.jpg"

となります。「../」とは一つ上のディレクトリを意味します。
さらに、そもそも別のWebサイトにある画像を使用すると言う場合には，

　img src="http://www.XXX.com/XXX.jpg"

というように、画像のURLそのものを指定しなければなりません。

私としては，#2氏の仰る通り，「Mac上で作成した時のパスそのまま」で画像の在処を指定してしまっている為に，あなたのマシンでは観る事が出来ても他人のマシンでは見られないという状態に陥っているような気がします（私も同じ間違いをやらかした事があるので）。

どういう事かと言えば，あなたのMacのデスクトップ上にある画像XXX.jpgを、現在作成中のHTMLに貼り付けると，自動的に、

　img src="/Users/(あなたのユーザ名)/Desktop/XXX.jpg"

というアドレスが付与されます。
これは「ローカルパス」と言って，あなた個人のマシン内でしか通用しないアドレスです。
もしこのままの状態でサイトにアップしてしまうと、「あなたのマシンの『Users』フォルダの中の『（あなたのユーザ名）』フォルダの中にある『Desktop』フォルダ」を用意し，かつその中にXXX.jpgを用意しておかなければならない事になります。

しかしこの例では「images」フォルダの中のXXX.jpgを使用する事になっていたはずで，これでは他人様は当然見る事が出来ません。
こうしたミスを避ける為，Macで作成したサイトのディレクトリ構成を一切崩さず，そのままの状態でアップしなければならないのです。

ですから、時々はソースを確認し，アップしたら一度きちんと（つまりhttp:から）URLを打ち込んでアクセスし、ちゃんと意図通りに表示されているかどうか。この作業も必要です。

もう一度書きます。
単純にファイルパスの間違いの可能性が大きいような気がします。確認してみて下さい。
もしくはそのパスをここに貼付けて下さい。

お礼

とても丁寧に教えてくださったので、とても分かりやすかったです。お礼が遅れてしまってすみません。無事解決しました。ありがとうございます。

回答No.4

MacBook

JPEG画像のフォーマットによっては、Windows環境で表示できない事もあります。
まったく同じ方法で、GIF画像をアップしてみてください。
ソレで表示OKなら、JPEG画像を疑っても良いかと(^_^;) ちなみに、PhotoshopはCSですか?

お礼

お礼が遅れて申し訳ありません。
解決しました。ありがとうございました。

回答No.2

noname#66563

過去の質問を確認して、自分と違うと感じたのはどんなことですか？
MacとWinでレイアウトや機種依存文字が見られないぐらいはあっても
OSの違いだけで画像が見られないことはないと思います。

＞サイトにアップロードして<img src="ファイル名">
＞か<IMG src="アドレス" width="幅" height="高さ" border="0">のタグを打つ。

念のため確認しておきますが、このimgタグを打ったとき、画像の場所が
自分のデスクトップ上のままということはありませんか？
画像がUPされたページをブラウザで表示して、ソースを確認してみてください。

お礼

Winのソフト名や右クリックというのが(Macのマウスには右クリックがないもので・・)Macのどれにあたるのかが分からず、混乱しました。ただ、友人などからMacはWinと勝手が違うから使いにくいだろうとさんざん言われてきたため、そう思い込んでいた節があったかもしれません。無事解決しました。ありがとうございます。

回答No.1

harawo

(1) 画像のデータサイズはいくつですか？XXKBというようにお答えください。
(2) ファイル名は半角英数字にしていますか？スラッシュ、バックスラッシュ（円マーク）、$&などの記号を使っていませんか？

以上二点お答えください。

お礼

ご助力ありがとうございました。無事解決しました。お礼が遅れてしまって申し訳ありません。

補足

画像データサイズは152KBです。これでは重すぎるのでしょうか。
ファイル名はもちろん半角にしています。