HTML Imagemap Generatorは、画像内の特定箇所にリンクを付けるイメージマップのコードを作成できるWebサービスです。クリッカブルマップと呼ぶこともありますね。 画像をアップロードしてリンクを付けたい箇所を選択するだけで、map要素のコードを生成してくれます。 HTML Imagemap Generatorの使い方 HTML Imagemap Generatorにアクセスして、ドラッグ&ドロップで画像をアップロードします。 右上にある「短形を描く」「円を描く」「多角形を描く」の中から、イメージマップの形状を選択します。 画像の上をドラッグして、リンクを付けたい箇所の範囲を選択します。多角形ツールの場合は、クリックしながら選択していきます。 右側のHTMLの欄にイメージマップのコードが生成されます。これをコピーして利用します。 今回の場合、以下のようなHTMLが生成されまし
![ブラウザ上でイメージマップのコードを作成できるWebサービス「HTML Imagemap Generator」](https://cdn-ak-scissors.b.st-hatena.com/image/square/ce06a76abdd6e82270e8734fea64bf3062d7d4fc/height=288;version=1;width=512/https%3A%2F%2Ftechmemo.biz%2Fwp-content%2Fuploads%2F2020%2F06%2Fimagemap1.png)