HTML- 이미지 좌표 구하기

 

방법1 알씨 프로그램으로 구하기 *추천 대상: 알씨 뷰어 프로그램이 있거나 빠르게 구할 때 사용

① 알씨를 연결된 프로그램으로 이미지를 연다. (알씨 설치 링크 https://www.altools.co.kr/download/alsee.aspx)

② 마우스로 링크를 넣을 영역에 첫부분을 클릭하고 밑부분을 보면 아래와 같이 X, Y 숫자가 나온다. (X: 246, Y: 165)

③사선방향으로 링크를 넣을 끝부분 영역을 클릭하고 그 부분도 마찬가지로 X,Y 부분을 적는다.( X: 531, Y: 281)

 X: 246, Y: 165 X: 531, Y: 281

방법2 포토샵으로 구하기

① 포토샵에서 이미지를 열고 F8버튼을 누르거나 [윈도우]-[정보]를 누른다.

② 직사각형 선택 도구를 클릭하고 마우스로 링크를 넣을 영역을 클릭한다.

 

 

 

 

처음 시작 지점에서 XY 부분을 적어두거나 기억하고 끝지점까지 선택하고 그 지점에 XY도 적어두거나 기억한다. 이 처음 XY,끝지점 XY를 합치면 하나의 좌표 지점이 완성된다.

 

[

 

 맵핑 만들기 사이트를 이용하기 *추천 대상: 정확한 링크를 구할 때 사용, 설치 X 로그인 X

맵핑 만들기 사이트 http://maschek.hu/imagemap/imgmap/

maschek.hu - Online Image Map Editor

① 위 사이트로 들어가서 [찾아보기] 버튼 클릭하여 이미지를 업로드하고 [upload]-[accept] 버튼을 클릭한다.

②  모양 선택 툴을 이용하여 선택 영역을 지정한다

 

 

③ coords: (241, 151, 547, 281) 이 부분을 복사하면 된다.