이미지 크롭

언제 사용하나요?

썸네일, 배너, 프로필 이미지처럼 특정 영역만 잘라 저장해야 할 때 사용합니다.

사용 방법

• 이미지를 선택합니다.
• X, Y 좌표와 가로·세로 크기를 입력합니다.
• 출력 형식과 품질을 설정한 뒤 크롭 이미지를 다운로드합니다.

입력값 안내

잘라낼 영역의 시작점인 X, Y 좌표와 잘라낼 가로(Width), 세로(Height) 픽셀 크기를 입력합니다. JPG와 WebP는 1~100 품질 값을 사용할 수 있고 PNG는 품질 값을 사용하지 않습니다.

계산·변환 기준

이미지의 좌측 상단(0,0)을 기준으로 설정한 X, Y 좌표부터 입력한 가로/세로 크기만큼의 직사각형 영역을 추출합니다.

사용 예시

• 썸네일 제작 - 원본 사진에서 필요한 영역만 잘라냅니다.
• 프로필 이미지 정사각 크롭 - 인물 사진에서 얼굴 주변 영역만 1:1 비율로 잘라 프로필 이미지로 만듭니다.
• 배너·슬라이드 영역 추출 - 전체 이미지에서 특정 좌표와 크기를 지정해 배너나 슬라이드에 쓸 영역만 추출합니다.

예시

• X: 100, Y: 100, Width: 500, Height: 500 → (100,100) 위치에서 500x500 픽셀 영역 크롭
• 인물 사진에서 얼굴 주변 1:1 영역만 잘라 프로필 이미지로 사용
• 풍경 사진 하단 워터마크 영역 제거 → Y: 0, Height: 원본-50px로 불필요한 여백 크롭
• 배너 이미지에서 핵심 제품 영역만 잘라 썸네일 생성
• 단체 사진에서 특정 인물 얼굴 영역만 좌표 지정 후 크롭

주의사항

• 브라우저 캔버스를 이용해 이미지를 처리하므로 원본 메타데이터(EXIF)가 손실되거나 투명 영역 색상이 변할 수 있습니다.
• 브라우저 환경의 이미지 디코딩 용량 한계로 인해, 지나치게 해상도가 높은 대용량 원본 파일의 변환은 실패할 수 있습니다.

자주 묻는 질문

좌표 기준은 무엇인가요?

이미지 왼쪽 위가 X 0, Y 0인 픽셀 기준입니다.

크롭한 사진이 서버에 올라가나요?

아니요. 이미지 디코딩과 크롭이 모두 브라우저 안에서 처리되어 사진이 외부로 전송되지 않습니다.

잘라낼 영역을 미리 볼 수 있나요?

입력한 좌표와 크기에 맞춰 잘릴 범위를 확인한 뒤 PNG로 저장하며, 원본 파일은 그대로 남습니다.

어떤 이미지 형식을 지원하나요?

PNG, JPG, WebP 등 브라우저가 표시할 수 있는 일반 이미지 형식을 지원하며, 잘라낸 결과는 PNG로 내려받을 수 있습니다.

관련 도구

• 이미지 리사이즈 - 여러 이미지를 서버 업로드 없이 브라우저에서 비율을 유지하며 리사이즈합니다. JPEG·PNG·WebP 등을 지원하며 최대 가로·세로 픽셀을 지정하면 해상도가 일괄 축소됩니다.
• 이미지 회전/뒤집기 - 이미지를 90도 단위로 회전하거나 좌우·상하로 뒤집습니다.
• 이미지 압축기 - 품질과 최대 크기를 조정해 이미지 용량을 브라우저에서 줄입니다.
• 파비콘 생성기 - 원본 이미지로 파비콘과 앱 아이콘용 PNG 여러 사이즈를 생성합니다.
• 이미지 색상 추출기 - 이미지 픽셀을 브라우저에서 분석해 주요 색상 HEX 코드를 추출합니다.
• 이미지 워터마크 추가 - 이미지 위에 텍스트나 로고 워터마크를 위치와 투명도까지 조절해 추가합니다.