둥근 모서리 만들기

사진 모서리 둥글게 깎기, 이렇게 씁니다

사진을 올린 뒤 모서리 둥글기 값(반지름)을 슬라이더로 조절하면, 미리보기에서 네 귀퉁이가 실시간으로 깎여 나가는 모습을 볼 수 있습니다. 원하는 만큼 둥글게 만든 다음 저장을 누르면 깎인 모서리 부분이 투명하게 비워진 PNG 파일로 곧바로 내려받아집니다. 사진은 서버로 전송되지 않고 브라우저 안에서만 처리되므로 업로드 대기나 회원가입 없이 바로 쓸 수 있습니다. 원형으로 완전히 잘라내는 것이 아니라, 사진의 사각형 비율은 그대로 두고 네 모서리만 부드럽게 다듬는 점이 원형 자르기와 다릅니다.

둥글기 값은 어떻게 계산되나요

이 도구는 캔버스에 '모서리가 둥근 사각형' 경로를 그린 뒤 그 안쪽에만 사진을 채우는 방식으로 작동합니다. 둥글기 값은 각 모서리에 그려지는 원호의 반지름(픽셀)을 뜻하며, 값이 클수록 귀퉁이가 더 많이 깎입니다. 반지름을 사진 짧은 변의 절반까지 키우면 위아래(또는 좌우) 변이 완전히 반원이 되어 알약 모양이 되고, 정사각형에서 짧은 변 절반까지 올리면 사실상 원이 됩니다. 깎여 나간 모서리 픽셀은 색으로 채우지 않고 투명(알파값 0)으로 비우기 때문에, PNG의 알파 채널에 그 투명함이 그대로 저장됩니다.

이럴 때 쓰면 좋습니다

앱 아이콘이나 카드형 썸네일은 모서리가 둥근 사각형이 기본입니다. 상세페이지·PPT·노션에 사진을 넣을 때 귀퉁이를 살짝 둥글게 다듬으면 딱딱한 인상이 줄고 정돈된 느낌이 납니다. 오픈마켓 상품 이미지, 배너, 카드뉴스처럼 여러 장을 나열할 때 둥글기를 통일해 두면 한눈에 깔끔해 보입니다. CSS의 border-radius로 화면에서만 둥글게 보이게 하는 것과 달리, 이 도구는 이미지 파일 자체에 둥근 모서리를 구워 넣기 때문에 이메일·문서·인쇄물처럼 CSS가 통하지 않는 곳에서도 둥근 모양이 유지됩니다.

깔끔하게 뽑는 팁

자주 묻는 질문