이미지 둥근 모서리

이 둥근 모서리 도구란?

둥근 모서리는 사진이나 그래픽의 날카로운 가장자리를 부드럽게 만듭니다. 미세한 둥글기부터 강한 둥글기까지 원하는 만큼 설정하고, 프로필 사진, 앱 아이콘, 카드, 웹 UI에 바로 쓸 수 있는 파일을 다운로드할 수 있습니다.

최신 앱과 웹사이트에서 흔히 보는 스타일과 같습니다. 카드, 썸네일, 아바타는 90° 직각보다 둥근 직사각형 안에 배치되는 경우가 많습니다. PNG로 내보내면 형태 밖 영역이 투명하게 유지되어 디자이너가 어떤 배경 위에도 「박스」 없이 자산을 배치할 수 있습니다.

무거운 편집기와 달리 이 페이지는 단일 목적 캔버스 파이프라인을 사용해 빠르게 조정하고 내보낼 수 있습니다. 원형 아바타 마스크가 필요하면 원형 크롭 을, 워크플로·형식 표·실수 방지 등 상세 가이드는 이미지 둥근 모서리 완전 가이드 를 참고하세요.

작동 방식

1. 이미지를 업로드하세요(드래그, 클릭 또는 붙여넣기).
2. 모서리 반경 슬라이더를 움직이세요. 0%는 직각을 유지하고, 값이 높을수록 더 둥글어집니다(원이 아닌 둥근 직사각형을 유지하도록 상한이 있습니다).
3. 크기와 형식을 선택한 뒤 다운로드하세요. PNG는 둥근 형태 밖 영역의 투명도를 유지합니다.

PNG vs JPEG: 언제 무엇을 쓸까?

색상이나 사진 배경 위에 이미지를 겹쳐야 할 때 PNG를 사용하세요. 둥근 직사각형 밖 영역은 완전히 투명하게 유지됩니다.

평평한 배경에는 JPEG·WEBP가 파일 크기가 더 작습니다. 도구가 먼저 이미지 뒤에 흰색을 칠한 뒤 둥근 클립을 적용하므로, 투명도가 필요 없을 때 이상적입니다.

일반적인 활용 사례

다른 도구와 비교

둥근 모서리(이 페이지)는 전체 이미지를 유지하고 외곽 모양만 바꿉니다. 내용이 잘리지 않습니다.

• 원형 크롭 — 원 밖이 투명한 원형 마스크. 플랫폼이 둥근 아바타 파일을 기대할 때 적합합니다.
• 정사각형 크롭 — 사진에서 남길 부분을 바꿉니다. 둥글게 하기 전·대신 1:1 프레임이 필요할 때 사용하세요.
• 정사각형 이미지 만들기 — 블러 배경, 단색 채우기, 리사이즈, 필터. 모서리 둥글기만으로는 부족할 때 사용하세요.
• 흰색 테두리 추가 — 이미지 주변에 패딩을 추가합니다. 테두리가 있는 프레임 느낌이 필요하면 정사각형 크롭과 함께 쓰세요.

다운로드 전 확인 사항

Figma, Shopify, SNS 스케줄러 등으로 파일을 옮길 때 예상치 못한 결과를 피하려면 아래 체크리스트를 확인하세요:

• 형식을 배경에 맞추세요: 오버레이에는 PNG, 흰 배경이 괜찮으면 JPEG·WEBP.
• 해상도를 선택하세요: 대부분의 웹에는 Original 또는 1200px면 충분합니다. 고해상도 원본이 있다면 인쇄·대형 히어로 자산에는 Custom을 사용하세요.
• 반경을 미리보기하세요: 미세한 둥글기는 밀집 그리드에서 더 「전문적」으로 보이고, 강한 값은 더 「앱 같은」 느낌을 줍니다. 내보내기 전에 조정하세요.

둥근 모서리를 쓰는 국내 용도

radius·export 참고 (한국)

• 16~32px: 카드·썸네일 UI
• 50%+: 스티커·뱃지형 아이콘
• 투명 PNG vs 흰 배경 JPG 선택

스토어·SNS 라운드 규칙

앱 아이콘·스플래시는 OS 가이드(보통 20% 내외 라운드)를 따르고, 쇼핑몰 썸네일은 8–16px 정도가 무난합니다. 인스타 프로필은 원형 마스크이므로 정사각 + 원 크롭 워크플로를 쓰세요.

라운드만 적용한 PNG는 투명 배경이면 어두운 피드에서 테두리가 보일 수 있습니다. 필요하면 1px 연한 회색 stroke 또는 흰 배경 export를 함께 준비하세요.

자주 묻는 질문

PNG가 둥근 모서리 밖 투명도를 유지하나요?

네. PNG 내보내기는 둥근 직사각형 밖 픽셀을 지워 어떤 배경 위에도 이미지를 배치할 수 있습니다.

JPEG와 WEBP는 왜 흰 배경을 사용하나요?

이 형식들은 투명도를 지원하지 않습니다. 도구는 둥근 이미지를 그리기 전에 캔버스를 흰색으로 채웁니다.

이미지가 서버에 업로드되나요?

아니요. 처리는 브라우저에서 이루어지며, 편집을 위해 파일이 서버로 전송되지 않습니다.

최대 모서리 반경은 얼마인가요?

슬라이더는 40%까지 올라가며, 출력이 둥근 직사각형으로 유지됩니다. 원 밖이 투명한 완전한 원형 아바타가 필요하면 원형 크롭 도구를 사용하세요.

정사각형으로 크롭하는 것과 같나요?

아니요. 둥근 모서리는 가장자리만 부드럽게 하고 내용을 자르지 않습니다. 정사각형 크롭은 프레임에 남는 부분을 바꿉니다. 둥글게 하기 전에 종횡비를 바꿔야 하면 정사각형 크롭 도구나 정사각형 이미지 만들기를 사용하세요.

인쇄나 대형 화면용 고해상도로 내보낼 수 있나요?

네. Original을 선택해 원본 픽셀 크기를 유지하거나, 긴 변을 1200px로 제한하거나, 원본이 충분히 크면 Custom으로 최대 8192px까지 설정할 수 있습니다.