「Free Online Image Map Generator」是一個可以自動生成 HTML Image Map 影像地圖原始碼的線上工具 ⚙，由於自行尋找圖片上的座標再填入原始碼中相當耗時，為了解省時間，這個工具提供圖像化的介面，只要動動滑鼠將圖上的區域選取後填入網址等資訊，就可以獲得完整的 HTML 原始碼 ⌨，選取區域的模式有三種：Rect（矩形）、Poly（多邊形）和 Circle（圓形）。
▲「Free Online Image Map Generator」截圖，首頁可載入要製作 HTML 影像地圖的圖片。（左：從電腦導入／右：從網站導入）
▲載入後就可以開始新增區域啦！完成選取區域後記得填入連結網址等資訊唷！
▲三種形狀都可以用來選取區域，可以新增多個區域來加入連結，完成後點下方綠色按鈕可生成原始碼。
▲原始碼輸出，複製走就可以用啦！圖片記得要放在同目錄下唷！（原始碼複製後都可以依照需求自行修改）
您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！
中華郵政(郵局)國內包裹託運單格式、交寄教學
Richart APP：收到簽帳金融卡後開卡流程教學
VS Code x Gemini Code Assist：完整安裝與實戰教學，用 Google AI 打造最強開發環境
Windows 電腦開機密碼鎖住怎麼辦？四種免重灌密碼解鎖方案全攻略
2026 年台灣國旅平日住宿獎助＋生日券登錄、結果查詢教學
永豐金大戶投 APP：股票出借線上開戶教學，輕鬆開啟借券資格！
ComfyUI x MiniMax H3：最強開源 AI 影片生成模型是否支援 NSFW？
Shisei 姿勢：取得免費姿勢動作參考線稿、白模、深度圖與法線圖
Stable Diffusion：用於調整人物胸部大小的 AI 繪圖提詞
Richart Life：台新 Richart 卡 7 大權益方案切換教學（最高 3.8% 回饋）
《上一篇》Unixstickers：Unix系統相關的貼紙包 
《下一篇》問別人來自哪裡? - 西文篇
留言區 / Comments
萌芽論壇