이미지 좌표 추출기

이미지 좌표 추출기란

화면 캡처나 UI 목업 위의 특정 지점이 픽셀 단위로 어디에 있는지를 알아야 할 때가 있습니다. 버튼의 중심, 아이콘의 모서리, 텍스트가 시작하는 위치처럼 “여기가 x 몇, y 몇인가”를 눈대중이 아니라 정확한 좌표로 얻어야 하는 상황이죠. 이 도구는 이미지를 불러와 원하는 지점을 클릭하면 그 자리의 x, y 좌표를 바로 뽑아 주고, 방향키로 1픽셀씩 다듬어 정밀하게 맞출 수 있게 해 줍니다.

불러온 이미지는 브라우저 안에서만 열리고 어떤 서버로도 업로드되지 않습니다. 회사 내부 화면이나 공개되지 않은 디자인 시안을 다뤄도 파일이 밖으로 나가지 않으므로 안심하고 쓸 수 있습니다.

이렇게 씁니다

• 이미지 열기 — ‘이미지 열기’ 버튼으로 고르거나 파일을 창 안으로 끌어다 놓습니다. 폴더 안에서 Ctrl+A로 여러 장을 한 번에 불러오면 왼쪽 목록에서 위·아래 방향키로 넘겨 가며 작업할 수 있습니다.
• 클릭해서 좌표 찍기 — 이미지 위를 클릭하면 그 점이 임시로 잡히고, 커서를 따라다니는 돋보기(루페)가 픽셀 격자를 확대해 보여 줍니다. 1픽셀 오차도 눈으로 확인하며 찍을 수 있습니다.
• 방향키로 미세 조정 — 잡힌 점을 ←↑↓→로 1px씩 옮기고 Enter로 확정합니다. 확정한 좌표는 왼쪽 목록에 번호와 함께 차곡차곡 쌓입니다.
• 줌과 이동 — Ctrl+휠 또는 상단 줌 버튼으로 확대·축소하고, Space를 누른 채 드래그하면 큰 이미지도 자유롭게 이동하며 볼 수 있습니다.

좌표를 코드 형식으로 복사

이 도구의 강점은 좌표를 단순 숫자가 아니라 바로 쓸 수 있는 형태로 복사한다는 점입니다. 좌표 목록의 행을 클릭하면 설정한 포맷대로 클립보드에 자동으로 들어갑니다. 기본 제공 프리셋은 x:123 y:45 같은 좌표형, #define 매크로형, 그리고 함수 호출형이며, 치환자 {x} {y} {n}(번호) {file}(파일명)을 조합해 여러 줄 템플릿도 직접 만들 수 있습니다. HMI·임베디드 UI에서 위젯 좌표를 소스에 박아 넣는 작업, 게임·자동화 스크립트의 클릭 위치 지정, 웹 개발에서 요소 위치 확인 등에 그대로 활용됩니다.

지원 포맷과 한계

PNG·JPG·BMP·GIF·WebP 등 브라우저가 여는 일반 이미지 포맷을 불러올 수 있습니다. 좌표는 언제나 이미지 원본 픽셀 기준이라, 화면에서 확대·축소해 보고 있어도 실제 파일 해상도 상의 정확한 위치가 나옵니다. 다만 이 도구는 좌표를 추출·복사하는 데 특화되어 있어 이미지 자체를 수정하거나 저장하지는 않습니다. 색 값이 필요하면 색상 추출기를, 크기 변경이 필요하면 이미지 리사이즈를 함께 쓰면 됩니다.

자주 묻는 질문