이미지 모서리 둥글게 만들고 테두리 넣기

각진 모서리를 부드럽게 다듬고, 원형으로 자르고, 투명 배경 위에 색 액자를 씌워 보세요. 여러 장을 한 번에, 모두 브라우저 안에서 처리됩니다.

여기에 이미지를 끌어다 놓으세요
또는 클릭해서 선택 — JPG, PNG, WEBP. 여러 장을 한 번에 고를 수 있습니다.

모서리를 둥글게 만들고 테두리 넣는 방법

먼저 업로드 영역으로 이미지를 끌어다 놓거나, 영역을 클릭해 파일 선택 창을 여세요. 고를 때 Ctrl(맥에서는 Cmd)을 누르고 있으면 여러 장을 한 번에 올릴 수 있고, JPG, PNG, WEBP, GIF, BMP를 지원합니다. 파일을 두 장 이상 올리면 미리보기 위에 이미지 이름 탭이 생기므로, 탭을 눌러 각 사진에 설정이 어떻게 적용됐는지 확인하면 됩니다. 미리보기 바로 아래에는 추가한 테두리까지 계산한 최종 크기가 픽셀 단위로 표시됩니다.

가장 먼저 정할 것은 형식입니다. 둥근 모서리는 사진의 원래 비율을 유지한 채 각진 부분만 부드럽게 다듬습니다. 원형은 이미지를 가운데 기준 1:1로 잘라 둥근 마스크를 씌우는데, 세로 인물 사진을 원 안에 억지로 밀어 넣을 때 생기는 찌그러짐을 막아 주므로 프로필 사진과 아바타에 알맞습니다. 정사각형은 둥글게 하지 않고 가운데를 1:1로 자르기만 합니다. 둥근 모서리 모드에서는 곡률 슬라이더가 짧은 변에 대한 비율로 굴곡을 정하고, 그 아래 네 개의 버튼으로 특정 모서리를 끌 수 있습니다. 버튼을 누르면 그 모서리만 다시 각지게 됩니다.

테두리 두께는 픽셀 단위로 정하며 이미지 바깥쪽에 그려지므로 원본 내용이 잘리지 않습니다. 값이 0을 넘는 순간 색상 선택기와 16진수 코드 입력 칸, 여덟 가지 색이 담긴 팔레트가 나타납니다. 테두리는 고른 굴곡을 따라가기 때문에 원형 모드에서는 완전한 고리 모양이 됩니다. 부드러운 그림자 옵션은 이미지 뒤에 은은한 입체감을 더해 밝은 배경 위에 놓이는 썸네일에 요긴합니다. 투명 배경은 기본으로 켜져 있으며, 잘라낸 모서리가 실제로 비어 보이게 해 주는 항목입니다.

마지막으로 다운로드 형식을 고르세요. PNG는 품질을 잃지 않고 모서리의 투명도를 지켜 주므로 기본으로 권합니다. WEBP도 투명도를 유지하면서 파일이 더 작아 웹사이트에 알맞습니다. JPG는 투명도를 지원하지 않으므로 이 형식을 고르면 모서리가 설정한 배경색으로 채워집니다. 화면에 떠 있는 사진 한 장만 받으려면 이미지 저장을, 같은 설정을 적용한 전체 묶음을 .zip으로 받으려면 전체 저장을 누르세요.

자주 묻는 질문

이미지가 서버로 전송되나요?
아니요. 잘라내기와 테두리 그리기는 모두 Canvas를 이용해 브라우저 안에서 이루어집니다. 인터넷으로 전송되는 파일은 없습니다.
여러 장의 모서리를 한 번에 둥글게 만들 수 있나요?
네. 원하는 만큼 이미지를 올리면 같은 곡률, 같은 테두리, 같은 형식이 모두에게 적용됩니다. 한 장씩 내려받아도 되고 .zip 파일로 한꺼번에 받아도 됩니다.
저장하고 나니 둥근 모서리가 흰색이나 검은색으로 채워졌습니다. 왜 그런가요?
투명도를 지원하지 않는 JPG로 내보냈기 때문입니다. 잘려 나간 영역을 어떤 색으로든 채워야 하니까요. 모서리를 정말로 비워 두려면 형식에서 PNG나 WEBP를 고르고 투명 배경 항목에 체크를 남겨 두세요. 목적지에서 JPG를 요구한다면 이미지가 놓일 사이트나 문서의 색과 같은 배경색을 지정하면 됩니다.
사이트 썸네일이나 카드에는 곡률을 얼마로 하는 게 좋나요?
요즘 인터페이스는 대개 짧은 변의 8~16%를 씁니다. 100px 썸네일이라면 대략 8~16px인 셈입니다. 25%를 넘어가면 캡슐 모양 버튼처럼 보이기 시작하고, 50%가 되면 사각형이 원이나 타원으로 바뀝니다. 사이트 카드에 CSS로 정해 둔 곡률이 있다면 같은 비율을 이미지에도 적용하면 딱 맞아떨어집니다.
테두리가 있는 원형 프로필 사진은 어떻게 만드나요?
형식에서 원형을 고르세요. 마스크를 씌우기 전에 이미지를 가운데 기준 1:1 비율로 잘라 주기 때문에 세로 인물 사진이 찌그러지지 않습니다. 그다음 테두리 두께를 10~30px 정도로 올리고 액자 색을 고르세요. 어떤 배경에서도 원 바깥이 투명하게 남도록 PNG로 내보내면 됩니다. 링크드인, 디스코드, 카카오톡을 비롯한 대부분의 프로필 시스템이 받아 주는 형식입니다.
일부 모서리만 둥글게 할 수 있나요?
네. 둥근 모서리 형식에는 모서리마다 하나씩 네 개의 버튼이 있습니다. 각지게 두고 싶은 쪽을 끄면 됩니다. 카드 맨 위에 붙는 이미지처럼 아래쪽 모서리만 둥글면 되는 경우나, 화면 가장자리에 맞물리는 배너에 요긴합니다.
테두리를 넣으면 이미지 크기가 커지나요?
네. 테두리는 사진 바깥쪽에 그려지므로 800×600px 이미지에 20px 테두리를 넣으면 840×640px 파일이 됩니다. 원본 이미지 영역은 잘리지 않고 온전히 남습니다. 최종 크기는 미리보기 아래에 표시됩니다.
다른 도구도 사용해 보세요
관련 글
모든 글 보기 →