Question 1

クリッカブルエリアジェネレーターとは？

Accepted Answer

画像上にクリック可能な領域（リンクエリア）を視覚的に設定し、レスポンシブ対応のHTMLコードを自動生成する無料Webツールです。

Question 2

レスポンシブ対応のクリッカブルエリアはどう実装しますか？

Accepted Answer

従来のHTML map要素はピクセル固定のためレスポンシブ非対応です。本ツールではposition: absoluteとパーセント指定のCSS方式でコードを出力するため、画像が縮小されてもクリック領域が追従します。

Question 3

対応している画像形式は？

Accepted Answer

PNG、JPG、SVG、WebPなど、ブラウザが表示可能なすべての画像形式に対応しています。

Question 4

エリアの形状は何が使えますか？

Accepted Answer

矩形（rect）と円形（circle）の2種類に対応しています。ドラッグ操作で描画し、作成後も移動・リサイズが可能です。

Clickable Area Generator

画像マップを作成