HTML 圖片地圖
讓網頁圖片擁有可點選區域
在瀏覽器中執行，檔案不會離開你的裝置。
正在載入工具…
HTML 圖片地圖使用方式
- 加入你想要變成可點選的圖片。
- 在應該連結到某處的部分上繪製矩形、圓形或多邊形，並填寫每個連結與替代文字。
- 複製 HTML 程式碼，或下載現成的 HTML 頁面。
關於此工具
讓圖片的部分區域可以點選。在圖片上繪製矩形、圓形與多邊形，為每個區域設定連結、替代文字與選填的提示文字，並複製現成的 HTML 圖片地圖。
圖片地圖使用固定的像素座標，因此工具可以加入一小段指令碼，在圖片縮放時讓各區域保持對齊。你也可以改為匯出以百分比定位的連結，無需任何指令碼即可隨圖片縮放。
- 在你的裝置上運作，不會上傳任何內容。
- 免費使用，無需註冊，沒有浮水印。
- 除了裝置本身的處理能力外，檔案數量與大小皆無限制。
常見問題
圖片地圖能用在響應式網站上嗎？
一般的圖片地圖不會縮放：它們的座標是以原始圖片的像素為單位。請開啟縮放指令碼，或選擇「百分比連結」，以百分比將連結放在圖片上。
如何繪製多邊形？
選擇「多邊形」，點選每個角點，然後點選第一個角點、按兩下或按 Enter 即可完成。按 Esc 可取消，按 Backspace 可移除最後一個角點。
替代文字是必要的嗎？
就無障礙而言是的：每個可點選的區域都應該有替代文字，說明連結的去向，讓螢幕閱讀器使用者也能使用。
HTML 圖片地圖免費嗎？
是的。ImgImage 上的所有工具都可免費使用，無需註冊、沒有浮水印，處理的檔案數量也沒有限制。
我的檔案會被上傳嗎？
不會。檔案由你的瀏覽器處理，不會離開你的裝置。你在這裡開啟的任何內容都不會傳送到伺服器。
可以在手機上使用嗎？
可以。在手機、平板和電腦上的任何現代瀏覽器都能使用。處理大型檔案時，使用電腦速度會更快。