하나 이상의 이미지를 여기에 드래그 앤 드롭하거나 찾아보기
JPG, PNG, WebP, GIF, AVIF, HEIC 지원
모든 이미지 처리는 브라우저에서 로컬로 수행됩니다. 이미지가 기기 밖으로 전송되지 않습니다.
이미지 처리 중
0 / 0
수동 크롭
하나 이상의 이미지를 여기에 드래그 앤 드롭하거나 찾아보기
JPG, PNG, WebP, GIF, AVIF, HEIC 지원
모든 이미지 처리는 브라우저에서 로컬로 수행됩니다. 이미지가 기기 밖으로 전송되지 않습니다.
원형 크롭 – 이미지를 원형 및 커스텀 도형으로 일괄 크롭
도형 크롭—특히 원형 크롭—은 이미지 배치를 원형, 둥근 사각형 또는 사각형으로 마스킹하고 도형 밖은 투명 PNG로 내보냅니다. 아바타, 팀 그리드, UI 포인트에 적합하며 모두 브라우저에서 로컬로 처리됩니다.
빠른 답변
원형 크롭 / 도형 크롭은 각 이미지를 선택한 마스크(대개 1:1 원)로 자르고 도형 밖이 투명한 PNG를 내보냅니다. 서버에 사진을 올리지 않고도 맞는 아바타나 둥근 에셋을 일괄로 만들 수 있습니다.
Batch Image Crop Team · 최근 업데이트: 2026-08-12
도형 크롭 / 원형 크롭이란?
도형 크롭은 원형·둥근 사각형·사각형 같은 기하 마스크를 적용한 뒤 그 경로 안 픽셀만 남기는 일괄 모드입니다. 원형 크롭이 가장 흔한 변형으로, 프로필 사진·디렉터리 헤드샷·원형 디자인 요소용 1:1 원형 마스크입니다.
평범한 직사각형 픽셀 크롭과 달리 도형 크롭은 결과의 실루엣이 핵심입니다. PNG로 내보낼 때 마스크 밖이 투명해져 원형 아바타가 색 배경이나 사진 배경 위에 깔끔히 올라갑니다.
이미지를 원형과 도형으로 자르는 방법
- 이미지 업로드 - 일괄로 마스킹할 인물 사진이나 그래픽을 추가합니다.
- 도형 선택 - 원형, 둥근 사각형 또는 사각형을 고르고, 원형은 1:1 비율을 유지합니다.
- 미리보기와 위치 조정 - 얼굴이나 로고를 마스크 안에 맞추고 필요하면 모서리 반경을 조절합니다.
- PNG로 다운로드 - 배치를 처리하고 투명 배경 결과를 하나의 ZIP으로 받습니다.
원형 크롭（가장 인기）
원형 크롭은 프로필 사진, 아바타, 둥근 UI 요소의 기본 선택입니다. 1:1 프레임으로 진짜 원형 마스크를 유지하고, 일괄 내보내기로 각 헤드샷을 같은 원형 발자국에 맞추며 테두리 밖은 PNG 투명입니다.
원형
아바타, 후기, 둥근 스티커용 1:1 원형 마스크. 원 밖은 투명.
둥근 사각형
앱 아이콘, 카드, 부드러운 썸네일용으로 모서리 반경 조절.
사각형
곡선 마스크가 필요 없을 때 선택적 고정 비율의 클래식 직사각형 크롭.
비율 선택
완벽한 원은 1:1; 비원형에는 4:3, 16:9, 9:16 등.
| 도형 | 적합한 용도 | 내보내기 메모 |
|---|---|---|
| 원형 (1:1) | 프로필 사진, 팀 디렉터리, 둥근 배지 | PNG가 외부를 투명으로 유지 |
| 둥근 사각형 | 앱 아이콘, 기능 카드, 부드러운 썸네일 | 내보내기 전 모서리 반경 조절 가능 |
| 사각형 | 고정 비율의 표준 프레임 크롭 | 곡선이 아닌 딱딱한 상자가 필요할 때 |
도형 크롭이 맞는 경우
프로필·아바타 세트
한 장씩 자르지 않고 팀·반 전체를 맞는 원형으로 납품.
후기·소개 페이지
같은 마스크를 공유하면 인용·소개 옆 원형 헤드샷이 읽기 쉽습니다.
앱 아이콘과 UI 포인트
반경을 제어한 둥근 사각형이 현대 아이콘 그리드·카드에 맞습니다.
디자인·발표 에셋
피사체 둘레에 흰 상자 없이 도형 PNG를 슬라이드·포스터에.
브랜드 스티커·배지 배치
제품 라인에 같은 원형·둥근 마스크를 반복.
기기 내 비공개 처리
인물 배치가 기기를 떠날 필요 없음. ZIP 전에 브라우저에서 마스킹.
도형 크롭 vs 픽셀 크롭 vs 기타 모드
실루엣이 중요하면 도형 크롭을, 직사각형 크기나 플랫폼 프리셋만 필요하면 다른 모드를 고르세요.
| 모드 | 최적인 때 | 주의 |
|---|---|---|
| 도형 / 원형 크롭 | 투명도가 있는 원형·둥근 마스크가 필요할 때 | 많은 소셜 피드는 여전히 직사각형 업로드를 원함 |
| 픽셀 크롭 | 정확한 직사각형 가로×세로가 필요할 때 | 원형 마스크·투명 외부 없음 |
| 비율 크롭 | 비례적인 가장자리 트림만 필요할 때 | 성형 실루엣을 만들지 않음 |
| 소셜 미디어 크롭 | Instagram, YouTube, LinkedIn 등 프리셋이 필요할 때 | 프리셋은 직사각형 플랫폼 캔버스 |
| 수동 크롭 | 피사체마다 자유 직사각형 프레이밍이 필요할 때 | 모든 파일이 같은 원형 마스크를 공유해야 하면 느림 |
이 일괄 도형 크롭이 도움이 되는 이유
- 1:1 진짜 원형 마스크 - 일괄 원형 크롭으로 아바타를 둥글고 일관되게.
- 투명 PNG 내보내기 - 도형 밖 픽셀은 디자인·웹용으로 투명하게 유지.
- 둥근 모서리 제어 - 한 가지 곡선 대신 아이콘·카드용 반경 조절.
- 일괄 ZIP 다운로드 - 데스크톱 작업을 반복하지 않고 한 번에 수십 장의 인물 마스킹.
- 브라우저 기반 개인정보 보호 - 이미지는 로컬에 남고 계정·서버 업로드 불필요.
- 정사각 이상의 비율 - 레이아웃이 필요하면 둥근·직사각 도형에도 고정 비율 사용.
내보내기 전 확인할 것
원형은 1:1
비정사각 프레임은 ‘원’ 개념을 왜곡합니다. 원형 크롭은 1:1을 유지하세요.
얼굴·로고 여유
원형 마스크는 모서리를 세게 자릅니다. 턱·머리·로고 가장자리를 미리보세요.
PNG vs JPG 대상
투명도는 PNG(또는 다른 알파 형식)가 필요합니다. JPG로 평탄화하면 외부가 불투명하게 채워집니다.
플랫폼 업로드 규칙
일부 네트워크는 업로드를 다시 직사각형으로 자릅니다. 투명 원형 에셋을 존중하는 사이트·디자인에 도형 크롭을 쓰세요.
도형 크롭 FAQ
원형 크롭 / 도형 크롭이란 무엇인가요?
도형 크롭은 각 이미지에 기하 마스크—대개 원형—을 적용합니다. 원형 크롭은 보통 PNG 내보내기에서 테두리 밖이 투명 픽셀인 1:1 원형 마스크를 뜻합니다.
자른 원에 투명 배경이 생기나요?
네. 원형이나 둥근 사각형 밖은 PNG로 저장할 때 투명도가 유지되어 다른 배경에 깔끔히 합성됩니다.
프로필 사진을 일괄로 원형 크롭할 수 있나요?
네. 원형 크롭은 배치용입니다. 1:1 원형 마스크, 프레이밍 미리보기, 맞는 아바타 ZIP.
둥근 사각형의 모서리 반경을 조절할 수 있나요?
네. 둥글게를 선택하면 반경 컨트롤로 살짝 둥근 느낌부터 거의 알약·거의 원형까지 조절할 수 있습니다.
픽셀 크롭과 무엇이 다른가요?
픽셀 크롭은 정확한 가로×세로의 직사각형 비트맵을 냅니다. 도형 크롭은 보이는 실루엣을 바꾸며, 크기 상자만이 아니라 원형·둥근 마스크가 필요할 때 선택합니다.
도형 크롭이 사진을 서버에 업로드하나요?
아니요. 마스킹은 브라우저에서 실행됩니다. ZIP을 직접 다운로드하지 않는 한 이미지는 기기에 남습니다.
권위 있는 출처
브라우저 도형 마스킹은 canvas 클리핑 경로를 따른 뒤 이미지 data URL(기본 PNG)을 내보내 마스크 밖 알파를 보존할 수 있습니다. 아래 참고가 해당 API를 설명합니다.
공식 문구 인용
MDN에 따르면 CanvasRenderingContext2D.clip()은 현재 경로를 클리핑 영역으로 만들어 그 경로 안 그리기만 보이게 하고, HTMLCanvasElement.toDataURL()은 캔버스의 data URL을 반환하며 기본값은 image/png이므로 원형 클립 밖의 투명 영역을 내보낼 수 있습니다.
-
MDN Web Docs
CanvasRenderingContext2D.clip()
용도: 원형·사용자 지정 도형 마스크용 canvas 클리핑 경로 모델
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clip
-
MDN Web Docs
용도: 도형 밖 투명도를 보존할 수 있는 PNG data URL 내보내기
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL
이 페이지는 브라우저에서 원형·성형 일괄 크롭을 돕습니다. 마스크 여유를 항상 미리보고, 대상이 평범한 직사각형 크기 프리셋이면 픽셀 또는 소셜 크롭으로 바꾸세요.
Language: