イメージマップジェネレーター（クリック可能な領域）

イメージマップジェネレーター（クリック可能な領域）: 用途

イメージマップは、画像の一部をリンクに変えます：図面の区画、ショッピングモールの店舗、製品の部品、メニューの料理などです。画像を選び、ドラッグ（四角形と円）または角をクリック（多角形）して領域を描きます。

各領域にリンクと代替テキストを入力します。コードは、mapとareaを使う従来の形式、または割合で配置したリンク（多角形にはclip-path）を使うレスポンシブ版で出力され、どんな画面サイズでも画像に追従します。

使い方

1. 画像を選びます。
2. 領域を描いて、リンクとテキストを入力します。
3. 形式を選んでコードをコピーします。

使うタイミング

• 分譲地や物件の図面。
• 店舗やイベントのマップ。
• クリックできる部分のある商品写真。

よくある質問

イメージマップはスマートフォンで動作しますか？

従来のmapとareaは元の画像のピクセル座標を使うため、スマートフォンの画面で画像が縮小されると領域の位置がずれます。そのためジェネレーターは、画像の上に割合で配置したリンクを使うレスポンシブ版も出力します。どんなサイズにも追従します。

領域はアクセシブルですか？

各領域には、リンク先を示す代替テキスト（altまたはaria-label）が付きます。このテキストは必ず入力してください。スクリーンリーダーが読み上げ、画像が読み込まれないときにも表示されます。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。

関連ツール