「Free Online Image Map Generator」是一個可以自動生成 HTML Image Map 影像地圖原始碼的線上工具 ⚙，由於自行尋找圖片上的座標再填入原始碼中相當耗時，為了解省時間，這個工具提供圖像化的介面，只要動動滑鼠將圖上的區域選取後填入網址等資訊，就可以獲得完整的 HTML 原始碼 ⌨，選取區域的模式有三種：Rect（矩形）、Poly（多邊形）和 Circle（圓形）。

▲「Free Online Image Map Generator」截圖，首頁可載入要製作 HTML 影像地圖的圖片。（左：從電腦導入／右：從網站導入）

▲載入後就可以開始新增區域啦！完成選取區域後記得填入連結網址等資訊唷！

▲三種形狀都可以用來選取區域，可以新增多個區域來加入連結，完成後點下方綠色按鈕可生成原始碼。

▲原始碼輸出，複製走就可以用啦！圖片記得要放在同目錄下唷！（原始碼複製後都可以依照需求自行修改）

無縮圖

CSS:變色圓框
📆 2013-01-01
📁 網站技術, CSS

YouTube 全新版面體驗！直接支援深色模式！
📆 2017-04-22
📁 網路應用, 資訊新聞, 串流媒體

無縮圖

CSS:圓框
📆 2013-01-01
📁 網站技術, CSS

jQuery：replace 字串取代示範、如何取代所有符合的字串？
📆 2022-02-11
📁 網站技術, JavaScript, jQuery

Google地圖:觀賞玉山模擬空拍動畫
📆 2014-02-28
📁 網路應用

SQL - OUTFILE & INFILE：資料表匯出成 TXT、將 TXT 資料匯入至資料庫（備份與復原）
📆 2019-05-30
📁 網站技術, 伺服器, 資料庫, SQL

Facebook Messenger 新增訊息心情
📆 2017-03-30
📁 網路應用, 資訊新聞

Facebook回首好時光
📆 2014-02-05
📁 網路應用

《上一篇》Unixstickers：Unix系統相關的貼紙包 《下一篇》問別人來自哪裡? - 西文篇