• 締切済み

作成したHPの画像が表示されません

初めて質問します。 windows vista を使っています。 HPを作成したのですが、ネット上で画像だけが表示されない状態です。 photoshop5.0で画像を変換し、Golive9で編集、そしてNEXTFTPでアップロードをしたといった感じです。(説明の仕方や言葉の使い方が間違っているかもしれませんが、おわかりいただけますか?) もしかしたら、photoshop5.0の時点での保存方法に問題があるのでしょうか? ちなみにHP作成初心者なので、わからない言葉などがあると思いますが、宜しくお願いします。

みんなの回答

noname#111045
noname#111045
回答No.2

私が昔、自己流でホームページを作っていた頃填ったのは windowsでは大文字・小文字は同一と見なしますが、サーバーは他の言語を使っているようで ほとんどが大文字・小文字は別文字です。 小文字しかだめなものもあったような・・・? つまり、hddのファイルで確認したときは表示されるが、アップすると表示されない ですから、ファイル名は全て小文字にし、htmlファイルで指定している画像のファイル名も小文字に統一していました。  

wsmockun
質問者

お礼

ご丁寧にありがとうございます! 回答していただいて、色々と試してみたら原因がわかりました・・・。 原因は、文字の誤りと写真の保存先が間違っていました。 本当にありがとうございました!

  • Suzi
  • ベストアンサー率38% (130/334)
回答No.1

webにて画像が表示されない一般的な理由として以下のが挙げられます。 1)画像ファイル形式が、 jpg、gifではない(pngは分りません) 2) jpgだけどRGBではない(希有ですが) 3) 拡張子のjpgが半角ではなく全角 4) ファイル名が全角になっている(未確認) 5) 表示させたいhtmlからの画像へのパスが違っている 6) 実が画像がFTPされていない  ブラウザーから直接その画像へのパスを打って確認してみてはどうでしょうか。  http://www.hoge.co.jp/index.htmlに画像が表示されず、  その画像がindex.htlmと同じディレクトリのフォルダ「photo」の中の、omoide.jpg だとしたら、例えば  http://www.hoge.co.jp/photo/omoide.jpg でアクセスしてブラウザーに画像が表示されれば、画像はちゃんとしているので、htmlのパスとかに問題があると予想されます。

wsmockun
質問者

お礼

ご丁寧にありがとうございます! 原因がわかりました。 原因は、文字の誤りと写真の保存先が間違っていたようです・・。 本当にありがとうございました!

関連するQ&A

  • HP作成でGIF画像のきれいな作り方

    エクセルで表やオートシェイプを作成した範囲をHPに貼り付けたいと思っています。 1エクセルで範囲を選択してコピー 2PHOTOSHOPの新規画面を立ち上げてペースト   GIFファイルにて保存 3Goliveの図に挿入 の手順でしようとしています。 その途中の2の段階で、図が乱れてしまいます。(ぼやけてかすれた感じ) また、きれいに写った画像もGoliveにペーストして大きさを調整するとぼやけます。 エクセルで作成した表などを上手く.GIFに変換し大きさなどの変更をする方法を教えてください。 よろしくお願いします。

  • Photoshopで作った画像をHPに張るのは

    Macユーザーです。 Photoshopで作った絵や画像を簡単HPに張るには、画像の要領をかなり小さくしないと画像アップロードが出来ませんが、どうすれば出来ますか? Photoshopで加工すると1M以上になってしまいます。画像アップロードできるサイズは最大で100~500KB位ですよね。教えて下さい。 又、Photoshopファイルをjpg等にファイル変換方と、お絵書き掲示板に画像のアップロードの仕方も教えて下さい。お願い致します。

    • ベストアンサー
    • Mac
  • HP用画像の保存方法

    こんにちは。 Mac OS X 10.4.11 Golive6.0を使っています。 HPに手描きのイラストをスキャンした画像を載せたいのですが うまくいったり、表示されなかったり結果がまちまちでよく分かりません…。質問は以下の通りです。 1.スキャンした画像をphotoshopで開いた場合、どのように保存すればいいですか。「名前を変えて保存」でJPGにしたり「WEB用に保存」を試したりするのですが、Goliveで読み込む時にうまくいきません。 ファイル→読み込み→ファイルをサイトに追加で、ファイルを追加する選択まではできるのですが完了ボタンが薄くなっていてクリック不可能になっているのです。 2.illustratorに保存している画像をphotoshopで開いた場合、拡張子をJPGに変えたらGoliveで取り込む事は可能でしょうか。これも上と同じく完了ボタンが押せません。 3.画像をGoliveに読み込む時は、整理しやすいようにイラスト画像がアイコンになった状態で保存したいのですがどの方法で保存すればそうなりますか。(時々、photoshopのロゴがアイコンになっています) 色々試して、結果どうやった時にどのように保存されたのか 分からなくなっています…。 Goliveはもう古いみたいですが、そういった事は関係あるのでしょうか。 新しいソフトは予算的に無理なのですが。 手描きイラストを正しい方法でHPに載せられたらそれだけでいいのですが。 どなたか宜しくお願いします。

    • ベストアンサー
    • Mac
  • HPの自作素材の画像変換の仕方について

    HP作成初心者です。 画像(文字と線の組み合わさった簡単なもの)をイラストレーターで作成してフォトショップでGIFに変換してHPに貼付けたいのですが、どうしても文字の部分も線の部分も荒く表示されてしまいます。どのようにすればいいのでしょうか? OSはマックです。PhotoShopのウェブ用に保存を使ってもHP上には表示できないので、別名保存→gif選択でやっております。イラストレーターはアウトラインをとってからPhotoshopで開いています。 最初からPhotoshopで作成したほうが良いのでしょうか?その場合Photoshopを使うためのHPなど教えて頂けると助かります。イラストレーターは良く使うので大体わかるのですが、フォトショップは完全に初心者です。よろしくお願いします。

  • ワードでHP作成したら画像が表示されません。

    ワードでHP作成したら画像に×印がついて、表示されません。 画像を表示するためのワードで作成時の注意点や、webページ形式で保存した後、タグでどのような構文が必要なのかご存知の方教えてください。 アップロードはFFFTPを使用しています。

  • 作成したフレーム付きHPを中央に表示させるには?

    フレーム付きのHPを作成したのですが、全体的に左上方向に寄ってしまいます。改善するいはどうすればいいんでしょうか? . HP制作初心者です。 HPビルダー15にて、初心者にも拘らず、フレーム付きのHPを作成いたしました。 転送してみて分かったのですが、HPが、全体的に左上方向に偏ってしまいました。(添付画像参照) ビルダーにて作成中は、HPページ表示範囲が示されているので、大体真ん中になるように作成したつもりなのですが、 アップロードしたら、希望とは異なるようになっていました。 フレームをつけたHPでも、中央あたりに表示されるようにするには、どのような編集をすればいいのでしょうか? 宜しくお願いいたします。 添付画像は、ブラウザに表示されたままのものを貼り付けると、宣伝目的と思われるかもしれないと思い、 黒い透かしを入れて添付させていただきました。見難いかもしれませんが、宜しくお願いいたします。

  • ビルダー11によるHP作成で画像が表示されない!

    よろしくお願いします。 ビルダー11でHPを作成しています。 Topページは作成し終わってアップロードは終わっています。 アップロードはFFFPTを使っています。 Topページに4枚の画像を張り付けていまして、今までは4枚とも IEのブラウザで表示できていました。 先ほどですが、そのうちの1枚の画像が表示されていないことに気がつきました。  画像は、ビルダー11の中に入っている花の写真なのですが、その部分だけ「画像 の挿入」を最初から再度挿入しました。  それでも表示されない状態です。 いろいろと確認したのですが、よくわかりません。 その中で、幾分おかしいように思われた現象を書き記しておきます。  A)FFFTPで修正したTOPぺーじのみをアップロードした際に「上向きのアップロード→」ボタン   を押した後に、その進行状態が“点線”で表示されると思いますが、その点線の表示が真ん中あたりまで来れば、それで終わってしまいます。  B)表示されなくなったのは、画像のサイズを幾分小さくして保存した後に起こりました。   気がついたのは以上の点ですが、アドバイスお願いします。

  • HP作成中、画像が表示されない

    初心者です。 HP作成の入門書を読みながら、タグをちまちま と打っているような段階です。 画像を載せようと、 <img src="○○○"> の中に、「載せたい画像のファイル名.gif」 を入れて、html形式でファイルを開いたのですが、 画像は表示されずに「×」と表示されます。 スペースが入っていたり、半角でない文字が入っているのかなぁと思い、何度も見直してみたのですが、 間違いはありませんでした。 そして、違う画像ファイルで試してみたところ、その ファイルはすんなり表示されるのです。 2つともgifファイルで、違う点といえば、前者は 携帯で撮った画像をPCのアドレスに送り、gif ファイルに変換したもので、後者は知り合いのHP から画像をコピーしてきたものです。 どうしたら前者の画像を表示できるようになるのでしょうか・・。 お願いします。

  • アップロード後にHPの画像が表示されない

    HP作成初心者です。 windows7、メモ帳でHTMLを作成し エクスプローラで確認した時点では画像はすべて見られます。 サーバーにアップロード後 HPの画像のほとんどが表示されない状態です。 全12ページ、画像は30枚程度ですが 全部が見られないわけではなく、数枚は見られます。 サーバーはロリポップで、フォルダごとアップロードはできないため alphaEditでフォルダごとアップロードしました。 ・アップロード後にhtmlは文字化けしていない ・サーバー上で画像はすべて正常に確認できる ・大文字、小文字を含めたファイル名と記述名に間違いはない ・画像はすべて同一ファイルにある ・同じJPG、同じような名前の画像でも表示されるものと、されないものがある ・PNGの画像は一枚も表示されない ・画像ファイルのみ、htmlファイルをそれぞれ再アップロードしても同じ というところまで確認できたのですが あとはhtmlの記述ミスを探すしかないのでしょうか。 数枚ではありますが、表示されている画像もあるので フォルダの指定間違いではないとは思います。 htmlは自分ですべて記述したものではなく フリーの素材を使い、画像を挿入したり内容を記入したりしたため これ以上記述のミスを探すのも難しい状態です。 他になにか解決の糸口はありますでしょうか。 お知恵を貸してください!

  • HPに載せる画像について

    よろしくお願いします。 今、Photoshopでの画像編集を勉強しています。 そこで、ある参考書に練習として書かれている画像があり、作成手順を元に同じように画像を作成しました。 なかには参考書付属のCDから、画像の一部として素材を使っているのもあります。 それを私のHPに載せたいと思っているのですが、著作権などその他問題はあるのでしょうか? 個人のHPであり、商用とかではありません。 ご教授お願いします。