이미지 모서리 둥글게

모서리를 둥글게 하면 스크린샷, 제품 사진, 썸네일이 카드나 앱 아이콘처럼 보입니다. 이 도구는 각 모서리를 부드러운 호로 잘라 바깥을 투명하게 만들거나, JPG가 필요할 때는 색으로 채웁니다. 반지름은 픽셀 또는 짧은 변에 대한 비율로 정하고, 네 모서리 전체 또는 일부만 둥글게 할 수 있으며, 곡선을 따라가는 테두리도 넣을 수 있습니다. 모든 작업이 브라우저 안에서 이뤄지므로 이미지가 업로드되지 않습니다.

사용 방법

1. 이미지를 하나 이상 고릅니다.
2. 모서리 반지름과 단위(짧은 변의 % 또는 픽셀)를 정합니다.
3. 둥글게 할 모서리를 고르거나, CSS 순서로 네 모서리의 반지름을 직접 입력합니다.
4. 필요하면 테두리를 넣고 모서리 바깥을 어떻게 처리할지 고릅니다.
5. 이미지를 하나씩 받거나 ZIP 파일 하나로 모두 받습니다.

계산식

반지름(px) = 반지름 % ÷ 100 × min(너비, 높이), 최대 min(너비, 높이) ÷ 2

이웃한 두 모서리가 함께 차지하는 길이가 그 변보다 길면 모든 반지름을 같은 비율로 줄입니다. 브라우저가 CSS border-radius에 쓰는 규칙과 같아서 곡선이 겹치지 않습니다. 두께 b인 테두리는 바깥을 잘라 내기 전에 윤곽선을 2b 두께로 그리므로, 가장자리 안쪽에 정확히 b픽셀이 남습니다.

예시

1920 × 1080 스크린샷에 반지름 5%를 적용하면 모서리는 5% × 1080 = 54 px가 됩니다. 50%이면 반지름이 540 px이라 짧은 양 끝이 완전한 반원(알약 모양)이 됩니다. 직접 입력한 반지름 40 40 0 0은 아래가 평평한 카드처럼 위쪽 모서리만 둥글게 합니다.