• ベストアンサー

画像がネット上で表示されません。

作成中のホームページを転送してネット上で確認しようとするのですが、スキャナで取り込んだCDジャケットの写真や自作の文字イラスト等が表示されず、左上部に、白い□の中に赤い×の入った小さいマークが出るのみです。 保存方法が間違っているのでしょうか、それとも作成段階のミスでしょうか、、、初歩的な問題かとは思いますが、ご回答よろしくお願いいたします。

  • CSS
  • 回答数3
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • exists
  • ベストアンサー率62% (27/43)
回答No.3

時間が経ったので、もう解決しているのかもしれませんが、、、 状況を切り分けてみてみたらどうでしょうか。 その1 画像が、壊れているかどうかについて、結論を出す。 今、アップロードしようとしているサーバに、表示されている画像(なければ、インターネット上の画像)を、ローカルに保存して、その画像を、自分のサイトにアップロードしてみる。 htmlは、その画像を表示するようにurlを書き換える。 urlは、httpから始まるurlで指定してください。(相対パスで指定するより、間違いがないので) ブラウザにアップロードした画像だけ表示させる。 htmlドキュメントに埋め込んだが画像が表示されるかどうか、htmlも開いてみる。 この作業を行えば、画像に問題があるのか、htmlに問題があるのかがはっきりすると思います。 その2 htmlに埋め込んだ画像だけが表示されないなら、 htmllint (http://openlab.ring.gr.jp/k16/htmllint/htmllint.html) にアップロードしたURLを入力して、htmlソースの問題点を把握する。 img タグの部分だけでいい。 htmlのソースにありがちな過ち。 <img src="http://www......./aaa.jpg" alt="" width="" height="" style=""> 属性の値は、ダブルクウォーテーションでくくるが、シングルクウォート が混じっていたり、不足している時、表示できない等結構悲惨なことがおきるかもしれません。 htmlソースの文字コードと実際の文字コードが違う時。 lintが指摘してくると思いますが、、、 その3 htmllint を使って問題がない。その1では、画像だけでも表示できない。アップロードに問題がないかを調べる。 転送モードが、アスキーかバイナリ担っているかなどをチェックしていきます。 根気よく調べれば、必ず解決できると信じて、トラブルは、楽しみましょう。

crycrycry
質問者

お礼

ありがとうございます。 原因は、自分の理解力不足の初歩的なミスでした。 画像を挿入したファイル名を英語半角にしていなかったため。 ツールバーのcapsやkanaの部分をアバウトに考えていたからです。半角で打ったつもりでも全角になり、文字化けして転送がなされなかったものでした。こんなミスで質問してしまって、みなさんによけいな労力を使わせてしまいました。 それにしてもこのご回答、永久保存版です。保管して、のちのちまた開いて参考にさせていただくときがきっとありますので、辞書の感覚で保存しておきます。 トラブルは楽しむか・・・名言です。トラブルのストレスなど半減しますね。まことにありがとうございます。

その他の回答 (2)

  • exists
  • ベストアンサー率62% (27/43)
回答No.2

こんにちは、 イメージファイルのURLの指定が間違っていなかった場合ですが windows ですよね。 あてずっぽですが、 画像ファイルを右クリックして、コンテキストメニューから、プロパティを選択、属性のところの詳細ボタンをクリックしてみてください。 データを暗号化してセキュリティで保護する。にチェックが入っていたら、はずしてからアップロードしてください。 画像ファイルのリンクの色が、暗号化されている場合は、グリーンだったような気がしますが、、、

crycrycry
質問者

補足

回答ありがとうございます。 あてずっぽではないです。しかし、チェックははずれていました。 ビルダー9で作成して、さくらインターネット上へ。 さくらのスタッフにも問い合わせて、保存ファイル名が英半角でないのが原因と言われて、すべて直しましたが、それでも... スキャナから取り込む段階なのかとも思ったり。 いやはやどうすればよいのか(><)

  • borazu
  • ベストアンサー率53% (8/15)
回答No.1

画像ファイルまでのパスの設定が間違っていると思います。 <img src="xxxx.jpg">とか、<img src="xxxx.gif">があると思いますが、xxxx.jpg とか、xxxx.gifとかのパスを確認してみてください。

参考URL:
http://w-d-l.net/html/course/image/
crycrycry
質問者

お礼

回答ありがとうございます。 バスの設定という言葉の意味さえわからないなさけない段階ですが、 いただいた参考URLとともにじっくり取り組んでみます。

関連するQ&A

  • 取り込んだイラストの画像が、粗くなってしまいます

    自分なりに調べてみたのですが、どうしてもわからないので 教えて下さい。 個人のホームページに、自分でかいたイラストを載せたいと 思っています。(小さめのイラストです) 今行っている手順としては、スキャナーでイラストを読み込み、 フォトショップでイラストのサイズを小さく変更して、 gifで保存しています。 保存すると解像度が落ちる?せいか、画像が粗く無残な姿になります。 jpgで保存すると、そのままの画像で保存できますが、重くなってしまうので 使えません。 画質はそのままで、なるべく軽くしたい(できれば20キロバイト以内) におさめたいのですが、何か方法はないでしょうか。 拙い文章で、わかりづらいかもしれませんが、 不明な点があれば補足したいと思います。 よろしくお願い致します。

  • メディアレーベル画像

    個人で所有するものなのですが、PowerDVDやMS Office2003などのメディアのレーベル面の画像を掲載しているホームページなどはないでしょうか?原本は保存したくバックアップCDを作成したいのですが、スキャナーなしのCDダイレクトプリント可能なプリンターを所有しています。

  • 画像が表示されません

    お世話になっています。 ホームページビルダー9とFFFTPを使って、HPを作ろうとしています。 トップページはなんとかアップできたのですが、 下位ページで、画像がアップできずに困っています。 「HP」フォルダにhtmやhtmlファイルを保存しています。 「HP」フォルダの中に「img」フォルダを作成し画像を保存しています。 今回表示できないファイルはgifで、ビルダー9のロゴ作成から作ったtop.gifと言うgifと、無料の素材屋さんから頂いたkouji.jpgと言うjpgファイルです。 これらも「img」フォルダに保存されています。 FFFTPで転送する際には、「img」フォルダとそれぞれのファイルも転送しました。 jpgの方は、imgフォルダに保存してからビルダーに張り付けたので、名前が間違っていると言うことはないと思われます。 実際、双方ともローカルでは表示されています。 解決方法を教えていただきますようよろしくお願いします

  • 画像作成について。

    画像作成について。 ホームページビルダーにある、ウェブアートデザイナーを使っているんですが、 イラスト市場というところでダウンロードした画像の背景が白いんですが、 透明にはできないんでしょうか? ダウンロードしてから、ウェブアートデザイナーで保存するときに [透明化]として保存すると、背景だけでなく画像のように体の部分の白が紺色に変わってしまいます。 他にある画像と重ねて画像を作りたいんですが、背景だけを透明にしたいです。 初歩的な質問でしたらすいません。 よろしくお願いします。

  • ★★ CDやDVDジャケットをキレイにバックアップする為のスキャナー ★★

    CDやDVDをバックアップする際に、ジャケットカバーをスキャンしてイラストレーターに貼付けプリントアウトしています。 現在エプソンのGT-F500というリーズナブルなスキャナーを使用しています。 ジャケットカバーに記載されている文字や写真をクッキリとスキャンしてくれる機種を探しているのですがオススメ品を教えてください。 特にCDの裏面ジャケットは曲目などの記載文字が小さいため、私のスキャナーですと、文字がかなり読み辛くなる場合があります。 私のようにCDやDVDのジャケットを完璧にバックアップしたい場合、どのようにするのが最もキレイに作成できますか? スキャナーや実際にプリントアウトするまでの作業工程や使用ソフト等も含めてご教授頂ければ幸いです。 ■参考までに私の現在の手順を記載します 1.ジャケットをスキャナーによる全自動保存(EPSON:GT-F500) 2.スキャン画像をTIFFで保存 3.paint shopというソフトで画像補正(明るさとコントラスト程度)、リサイズ 4.出来上がった画像をイラストレーターに貼付け(自作のCD/DVDテンプレート) 5.光沢紙にプリントアウト → 後は紙を切れば完成 よろしくお願いします。

  • ホームページを作ったのですが画像が表示されません。

    ホームページを作ったのですが、画像が表示されません。 画像はアップロードされています。 トップページのファイル名をindex.htm以外ににして、アップされている画像をクリックすると、画像が表示されます。 しかし、ホームページ内の画像は表示されません。 この、教えてgooで色々調べて試してみたのですが、うまくいきません… バイナリモードでアップロードしましたし、 画像ファイル名は半角小文字です。 htmlファイルと画像ファイルは同じフォルダにありますし、 画像のプロパティを見ても、アドレスはhttp://.../ファイル名.GIFになっています。 気になるのは、このプロパティで「種類」「サイズ」「作成日」「更新日」が使用不可になっていることです。 なぜこのようになるのでしょうか? アップされている画像だけを見た場合は使用不可にはなっていません。 初心者のため、もしかしたら初歩的なミスなのかもしれません。 分かる方、ぜひ教えて下さい。お願いします。 ちなみに使っている転送ソフトはFFFTPver1.80で、hi-hoでホームページを作っています。

  • 画像の表示について

    ホームページビルダー12を使用してホームページを作っている者です。 とはいえ、まだプライベートでしかホームページを作成した事しかないのであまり詳しくありません。 サーバの容量がいっぱいになってきたので、NINJA TOOLSからFC2に引っ越すことにしました。 でもFC2へ転送してみると、GIFかJPEGのイメージ画像が×表示になります。 更新したり右クリックで「画像の表示」を押すと表示されるのですが… ※しかし更新した場合、さっき表示されていた画像が×になって×表示だった画像が表示されるなど、入れ替わり立ち替わりに×表示になります。 ホームページを何回か入りなおしたり転送しなおしても治りません。 色々調べてみたのですが、「絶対パスになっている可能性があるので相対パスに直す」とあったのですが、ホームページビルダーの場合、保存の際に自動的に相対パスに変更されるとの事でしたので、相対パスに直せるところもソフト内に見当たりませんでした。 タグやリンク先など特にいじってもいませんし、転送先を変更しただけです。 ちなみにこれが引っ越し前のHPアドレスで↓ http://fantastictama.ninja-x.jp/ これが引っ越し後のアドレスです↓ http://fantastictama.web.fc2.com/ 引っ越し前のは普通に画像が表示されます…。 どうすればよいのでしょうか?

  • Adobe Streamline4.0にてスキャナ画像をベクトル画像へ変換できない

    はじめまして。 昨日書き込みを行ったつもりが できていなかったようで(^^;再度書き込みます。 知人よりチラシ作成を受けて、 今回イラストを多く使用するとのことで イラストをAdobe Streamline4.0にてベクトル画像へ 変換すべく初めて使用を試みましたがどうにも ヘルプやHPを見てもうまくいかず困っています。 手順は以下のように行いました。 OSはWINのXPです。 Photoshopにてスキャナで取り込み(解像度350の200%拡大)TIFF保存。 TIFF保存行ったデータをAdobe Streamline4.0にて開き、オプションからカラー・グレースケールの設定 にて段階無しの255段階境界のなめらかさは最大にして プレビューを押すと変わっているのが分かるのですが、OKボタンを押すと前の画像からなんらかわって おらず、どうして良いのか分かりません。 納期もあまりない状態で焦っていて、どうしようかと思っています。 大変申し訳ありませんが、どなたかおわかりになる方、お力をください。宜しくお願いします。

  • HPにUPした画像が表示されません!

    初歩的な質問ですいません! 「ホームページビルダー8」で作成したHPに画像(デジカメ写真)を 挿入してサーバーに転送したのですが、画像のみが表示されません。 サーバーは「itscom」の個人ホームページなのですが、他のレンタルサーバーでは、今までその様なことはありませんでした。 画像(写真)のファイル形式は「jpg」です。ファイル形式の問題なのでしょうか? 宜しくご教授お願いします。

  • スキャナーできれいに取り込むには

    自作のイラストをプリンターのスキャナーでパソコンに取り込んで、スライドショーのようなものを作成したいです。 スキャナーで取り込むイラストは、大きい方がキレイに取り込めるのでしょうか。 所有するプリンターは最大A4サイズまで取り扱いできるのですが、イラストはA4で作成した方がいいですか。