이미지 맵 생성기

이미지 위에 클릭 영역을 그리고 링크를 걸어 HTML <map> 코드를 만드세요.

이미지

파일을 선택하거나 여기로 끌어다 놓으세요

대각선으로 끌어 사각형을 그리세요.

링크 URL

제목 (선택)

열기

HTML 코드

영역을 추가하면 코드가 만들어집니다

이미지 맵은 한 장의 이미지 안 여러 부분에 서로 다른 링크를 거는 HTML 기능입니다.
사각형은 대각선으로 끌고, 원은 중심에서 바깥으로 끌고, 다각형은 점을 찍은 뒤 첫 점을 누르거나 더블클릭해 닫습니다.
좌표는 원본 이미지 픽셀 기준입니다. 이미지를 CSS로 늘리거나 줄이면 영역이 어긋나니 원본 크기로 쓰거나 반응형 이미지맵 스크립트를 함께 쓰세요.

이미지에 클릭 가능한 영역(이미지 맵)을 만듭니다. 웹 페이지에서 이미지 특정 구역에 링크를 걸 때 사용합니다.