• 締切済み

イメージマップで保存したのにサーバーにUPしてもリンクがとびません

イメージマップで保存したのにサーバーにUPしてもリンクがとびません フォトショップCS2 フォトショップで作った画像の一部にリンクを飛ばしたくてイメージマップを使い、作成をし最適化をして画像だけにして保存をしました。保存形式がgif になっていたのでそれをサーバーにUpして画像が出てきたのですが、なぜリンクがとびません、イメージマップの作り方教えて下さい。 使っているパソコンはマックOSXです。 お願いします。

  • Mac
  • 回答数1
  • ありがとう数3

みんなの回答

  • Hoyat
  • ベストアンサー率52% (4897/9300)
回答No.1

イメージマップはhtmlに記述されるものです(画像データには記述されません)。 つまり画像だけアップしてもイメージマップとしては完成しません。 「Web及びデバイス用に保存」した際にhtmlファイルも生成されているはずで、それを一緒にアップしないとイメージマップとしては完成しません。 イメージマップとはこう言う物(下記URL参照)です。 http://www.scollabo.com/banban/lectur/ht16.html

関連するQ&A

  • イメージマップを使うと、一部のPCで元画像のリンクが反応しない

    質問です。 HP制作中でちょっと困っているのですが。 HP上部に画像を一枚配置して、その画像にリンクを貼りました。トップページへ戻れるようにしました。それからその画像にイメージマップで別のリンクを貼ったところ、画像の方のリンクが反応しなくなってしまいました。 で、わからないところが、このリンクが反応しなくなる現象が一部のPCだけで起こるんです。HP制作をしている自分のPCでは特に問題なく、画像のリンクもイメージマップのリンクも反応してくれるのに、制作監督の方のPCで見るとリンクが反応しなくなってしまうんです。 イメージマップの設定をはずすと、画像のリンクはまた反応してくれるんですが、これについて何かわかるかたはいらっしゃいますか? ちなみに制作は全てMacで行ってます。問題が起こっているPCのブラウザはsafariです。 HPは<div>をCSSで調整してレイアウトしてます。画像は<div="headerimage">という領域に入れてます。 そもそもイメージマップを使わないということも検討してるんですが、個人的に気になるので何かわかればいいなぁと質問させていただきました。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • イメージマップ作成

    外部ファイルでスタイルシートを読み込んで画像を固定していますが、 その画像の一部にリンクを貼りたいのです。 通常のイメージマップは作成できるのですが スタイルシートではできません。 教えてください。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • イメージマップで画像変え

    イメージマップで作成したリンクボタンを使って別の場所の画像を変えることはできるのでしょうか? またイメージマップを使っている画像を上の方法で変えることはできますか?

  • 保存できません。

    いきなりですが、私のパソコンではjpgやgifなどの形式の画像を保存できません。 画像はjpgなのに、ファイルの種類の選択肢にはビットマップしかありません。 でも、PNGは保存できるようです。 今は、ビットマップが嫌でフォトショップなどで形式を変えています。 これは何が原因なのでしょうか?何でもいいので、よろしくお願いします。

  • イメージマップを使うと、一部のPCで元画像のリンクが反応しない

    こんばんは、早速質問させていただきます。 質問の内容はWEB制作についてです。 HPの上部に一枚の画像を配置して、その画像をクリックすると常にトップページに戻るようにリンクを貼りました。 それからその画像の一部にイメージマップで新たに別のリンクを貼ったところ、画像のリンクが反応しなくなってしまいました。 で、ここからがよく分からない点なのですが、このリンクが反応しなくなる現象が全てのパソコンで起こるわけではなくて、一部のパソコン(具体的には制作監督の方のPC)でだけ起きてしまうというところなんです。 制作している自分のPCでは画像のリンクも、イメージマップのリンクも問題なく反応しているのに、上記PCでは反応しなくなる。 イメージマップの設定をとると、画像のリンクはまた反応してくれるのですが、これについて何かわかる方いらっしゃいますでしょうか? ちなみに制作はMacで全て行っていて、問題のリンクが反応しなくなるPCもMacのノート型です。ブラウザはsafariです。 HPの作りとしては<div>で領域を分けながらCSSでレイアウトを調整するスタイルで、画像は<div="headerimage">という領域に入れています。 現在は画像に別にイメージマップを設定して、それをトップページへのリンクにすることでとりあえず対応しています。そもそもイメージマップ自体を使わないという方法も検討中ですが、個人的にも気になっているので何か分かればいいなぁ、と質問させていただきました。 よろしくお願いします。 質問わかりにくければ追記いたしますので、ご指摘ください。

    • ベストアンサー
    • HTML
  • イメージマップを使用している画像のロールオーバー、できる?

    こんにちは、いつも教えてgooでは質問させていただいて、大変助かっております。 さて、本題なのですが、イメージマップを使用してある画像の一部にリンクをはっているのですが、その一部だけをロールオーバーで他の画像に差し替えることは可能でしょうか? お分かりの方、回答いただけると助かります。 よろしくお願いします。m(_ _)m

  • イメージマップで文章を表示したい。

    下記の例のように、「map.gif」という画像の各箇所ごとにそれぞれのリンクを貼るのは下記の方法で出来ると思うのですが、 「coords="22,11,122,62"」にマウスが乗ったときに指定した箇所に文章を表示するにはどうしたらよいのでしょうか? ※それぞれの箇所によって、それぞれ違った文章を表示したいです。 ※「map.gif」という画像が表示されている上段(下段でもOK)に枠を作って、その中に説明文が表示される仕組み。 <img src="map.gif" alt="サンプル" usemap="#sample"> <map name="sample"> <area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1"> <area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2"> <area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3"> <area shape="default" href="map4.html" alt="リンク4"> </map> 宜しくお願いします。

    • ベストアンサー
    • HTML
  • Macでアップしたイラストをウィンドウズで…

    こんばんわ! Macを使って、ホームページを作っているんですが キリ番リクエストイラストをアップして、 アップしたイラストをウィンドウズの人(リクエストくれた人)に 「御自由にダウンロードとかして下さい」って言ったのですが… 「保存ができない」と言われました。 前にも、アニメーションアイコンを使ってもらう様に アップしてウィンドウズの人に「ダウンロードしてね…」と言ったら 「ちゃんと、GIF形式でアニメーションで、見られるけれど、  ダウンロードしようと思ったらPNGでしか保存できない!!  アニメーション画像で保存出来ない…」 と言われました。 なにか、Macとウィンドウズとで.あるのでしょうか? また、どうすれば、ウィンドウズの人に マトモにダウンロードしてもらえるでしょうか? (やっぱり、無理でしょうか…?) 詳しい方、お答えお願いします~m(><)m 詳細:Mac OS9.2    AOLと言うプロバイダー(サーバー)にファイルをアップしていて    E-グループと言うメールグループに共有フォルダが有るので    そこにイラストをアップしています。    イラストやアイコンはフォトショップエレメンツで描いています

    • ベストアンサー
    • Mac
  • ホームページビルダのイメージマップ編集のことで

    ビルダー8を使ってホームページを作っています。画像の一部範囲にリンクを張りたくて調べたら、「イメージマップエディタ」を使うことがわかったのですが、「編集」メニュー⇒「かんたん編集」⇒とクリックしていっても「属性の変更」しか出てこなくて「イメージマップの編集」という選択が出てきません。 何か方法はあるのでしょうか。

  • イラストレーターで画像データを埋め込む際の保存形式

    イラストレーター(CS)で、フォトショップで編集した画像データを配置する画像は、フォトショップ形式(拡張子 .psd)のものを埋め込んでも問題なく印刷ができるのでしょうか? 作業中はフォトショップ形式でイラレにリンクしていて、印刷工場へデータ入稿する際に、JPEGで保存しなおしてリンクを貼りなおし「埋め込み」を行っておりました。 ふと、この作業が本当に必要なのかと思ったのですが、解決できず質問しました。 フォトショップ形式で作業して、終了したら、そのまま「埋め込み」できれば作業がラクになりますし、バックアップしておくファイルも少なくてすみます。 アドバイスのほど、よろしくお願いいたします。