Free Online Image Map Generator:自動生成 HTML Image Map 影像地圖原始碼
2018/10/25
萌芽站長
6,411 0
網路應用 , 網站技術 , HTML
⚠️ 溫馨提醒:我們發現您可能啟用了廣告阻擋器,請將本站加入白名單以正常閱讀文章內容,謝謝支持 ❤️
「Free Online Image Map Generator」是一個可以自動生成 HTML Image Map 影像地圖原始碼的線上工具 ⚙,由於自行尋找圖片上的座標再填入原始碼中相當耗時,為了解省時間,這個工具提供圖像化的介面,只要動動滑鼠將圖上的區域選取後填入網址等資訊,就可以獲得完整的 HTML 原始碼 ⌨,選取區域的模式有三種:Rect(矩形)、Poly(多邊形)和 Circle(圓形)。

▲「Free Online Image Map Generator」截圖,首頁可載入要製作 HTML 影像地圖的圖片。(左:從電腦導入/右:從網站導入)

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

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

▲原始碼輸出,複製走就可以用啦!圖片記得要放在同目錄下唷!(原始碼複製後都可以依照需求自行修改)
贊助廣告 ‧ Sponsor advertisements
Nano Banana:迷因再創作!角色替換圖像生成實測
📆 2025-08-30
📁
網路應用, 人工智慧, AI繪圖
CodePen:網頁前端的展示平台,線上 HTML、CSS 與 JS 撰寫工具
📆 2018-09-22
📁
網路應用, 網站技術, HTML, CSS, JavaScript
CaptionBot:微軟開發的辨識圖片機器人
📆 2016-04-19
📁
網路應用, 人工智慧
Gumroad 停止支援 PayPal,創作者需切換至銀行轉帳收款
📆 2024-10-17
📁
金融理財, 網路應用, 資訊新聞
OBS:新增日期與時間至錄影或串流中
📆 2019-08-21
📁
軟體應用, 多媒體, 網路應用, 網站技術, CSS, JavaScript, 串流錄製
企業資料通訊(電腦網際網路) 3.4~5.4 重點筆記 (期末考範圍) [雙人筆記]
📆 2018-06-22
📁
網路應用, 資訊安全, 學業筆記, 學術詞彙
Google AI 模式登台!Gemini 搜尋新體驗全面上線
📆 2025-10-14
📁
網路應用, 資訊新聞, 人工智慧
OpenStreetMap:繪製水路(河流、溪流、河流區等)教學
📆 2022-03-13
📁
網路應用, GIS/GPS, 世界地理
留言區 / Comments
萌芽論壇