틀을 두르다

이미지 테두리와 둥근 모서리

테두리를 두르고 모서리를 둥글게, 배경은 투명하게 — 저장 전에 확인하세요.

틀을 두르다

☞ 모든 처리가 브라우저 안에서 이루어집니다 — 아무것도 업로드되지 않습니다

이미지를 여기에 놓으세요

또는 클릭해서 찾기 — PNG, JPG, WebP, GIF

픽셀이 아니라 백분율

어떤 크기에서도 똑같아 보이는 테두리

테두리 두께와 모서리 반지름은 픽셀이 아니라 **짧은 변에 대한 백분율**로 정합니다. 이것이 «가지고 다닐 수 있는 설정»과 그렇지 않은 설정의 차이입니다. 40픽셀의 둥글기는 4000픽셀 사진에서는 보이지 않고 400픽셀 프로필 사진에서는 인물을 절반이나 잘라먹지만, 4퍼센트는 둘 다에서 4퍼센트로 보입니다. 계산된 픽셀 값은 읽기 칸에 그대로 표시되므로 정확한 숫자가 필요할 때도 문제없습니다.

모서리는 동심의 두 경로로 잘립니다. 바깥은 지정한 반지름, 안쪽 이미지는 «반지름 − 테두리 두께»입니다. 그래야 테두리가 곡선을 돌면서도 두께가 고르고 네 귀퉁이에서 부풀지 않습니다. 둥근 바깥쪽은 PNG와 WebP라면 진짜 투명으로 남지만 JPG는 그럴 수 없어 고른 배경색으로 채워집니다. 그래서 JPG로 바꾸면 그 설정이 스스로 꺼집니다.

세 단계

이미지에 테두리를 넣는 방법

01

이미지를 놓으세요

PNG, JPG, WebP, GIF를 브라우저에서 해독합니다. 프로필 사진이든 아직 올리지 않은 스크린샷이든 기기에 그대로 남습니다.

02

테두리와 모서리를 정하세요

테두리의 두께와 색을 고르고, 모서리를 얼마나 둥글릴지 정하세요. 정사각형 이미지에서 50%면 결과는 원이 되는데, 프로필 사진에 필요한 것이 보통 그것입니다.

03

형식을 고르고 저장

PNG나 WebP는 둥근 모서리 바깥을 투명하게 둡니다. JPG는 투명을 담을 수 없어 그 자리를 배경색으로 채웁니다.

빠른 답변

이미지 테두리 자주 묻는 질문

왜 테두리를 픽셀이 아니라 백분율로 정하나요?

한 설정이 어떤 이미지에서도 통하게 하려고요. 픽셀로 잰 테두리는 큰 사진에서는 머리카락처럼 가늘고 섬네일에서는 액자처럼 두껍습니다. 짧은 변에 대한 백분율은 둘 다에서 같아 보입니다. 계산된 픽셀 값은 미리보기 옆에 표시됩니다.

원형 프로필 사진은 어떻게 만드나요?

먼저 정사각형으로 자르고 모서리 반지름을 50%로 두세요. 그 지점에서 각 변의 가운데에서 곡선이 만나 모양이 원이 됩니다. 바깥을 투명하게 두려면 PNG나 WebP를 유지하세요.

둥근 모서리가 검게 나왔습니다. 왜인가요?

형식이 JPG(투명이 없음)인데 배경색을 고르지 않았을 때 생깁니다. 여기서는 JPG를 고르면 투명 설정이 스스로 꺼지고 모서리는 배경색으로 채워지므로, 검은 조각이 뜻밖에 생기지 않습니다.

이미지가 잘리나요?

아니요. 테두리는 그림 **바깥에** 더해지므로 결과물은 원본보다 테두리 두께의 두 배만큼 커집니다. 둥근 모서리가 깎아내는 부분 말고는 원본이 가려지지 않습니다.

이미지가 다시 인코딩되나요?

네 — 테두리를 두른 결과는 새 파일입니다. 여기서 PNG와 WebP는 사실상 무손실이고 JPG는 높은 품질로 다시 인코딩됩니다. 원본이 JPG인데 JPG로 내보내면 통상적인 2세대 손실이 생깁니다.

가장 큰 이미지 한도는?

25MB까지입니다. 테두리를 넓히면 캔버스도 커지는데 브라우저에는 캔버스 한계가 있어서, 아주 큰 사진에 아주 넓은 테두리를 두르면 들어맞게 축소됩니다 — 그럴 때는 크기 줄이 알려 줍니다.

움직이는 GIF에도 쓸 수 있나요?

첫 프레임만 사용되고 결과는 정지 이미지입니다. 이 도구로 애니메이션은 남길 수 없습니다. 움직이는 이미지가 필요하면 프레임마다 테두리를 두른 뒤 «이미지를 GIF로»로 합치세요.

제 이미지가 업로드되나요?

아니요. 그림은 브라우저 안에서 해독되고 다시 그려지며 결과는 곧바로 내려받기로 저장됩니다. 이 도구에는 사진을 보낼 서버가 없습니다.

무료인가요?

네 — 무료이며 워터마크가 없습니다.