이미지 원형 자르기

이 이미지 원형 자르기 도구로 사진, 로고 또는 스크린샷을 완벽한 원형이나 조절 가능한 타원으로 자르고, 결과를 투명 PNG로 저장하세요. 원형 마스크 안에서 그림을 드래그해 남길 부분을 정하고, 피사체가 프레임을 채울 때까지 확대하고, 원하면 링을 추가한 뒤, 프로필, 팀 페이지, 팟캐스트 커버 또는 슬라이드에 바로 쓸 수 있는 아바타를 다운로드하세요.

모든 작업은 브라우저의 HTML 캔버스 요소에서 실행됩니다. 사진은 로컬에서 디코딩되고, 로컬에서 마스크되며, 로컬에서 내보내므로 miniwebtool에 업로드되지 않으며, 대기열도, 워터마크도, 기기 메모리 외의 업로드 제한도 없습니다.

이 도구로 할 수 있는 일

주요 기능

• 드래그로 구도를 잡고, 스크롤 또는 핀치로 확대/축소: 마스크는 고정된 채 사진만 뒤에서 움직이며, 아바타 편집기와 같은 조작입니다.
• 잘려 나가는 영역 표시: 버려지는 픽셀의 고스트가 미리보기에 남아, 귀나 어깨가 잘렸는지 바로 알 수 있습니다.
• 원형 또는 타원: 높이 대 너비 슬라이더로 원을 가로 또는 세로 타원으로 바꾸고, 내보내기 캔버스도 같은 모양을 따릅니다.
• 회전과 좌우 반전: 90도 단위 회전으로 옆으로 찍힌 휴대폰 사진을 바로잡고, 좌우 반전으로 셀카를 올바른 방향으로 뒤집습니다.
• 링 테두리와 페더 가장자리: 출력 픽셀 단위의 색 있는 링을 더하거나, 가장자리를 부드럽게 해 아바타가 배경에 자연스럽게 섞이게 하세요.
• 투명 PNG, WebP 또는 JPG: PNG와 WebP에서는 모서리를 비워 두고, JPG에서는 선택한 색으로 채우세요.
• 아바타 크기 프리셋: 일반적인 320, 400, 512, 640, 800픽셀 프로필 사진 크기를 한 번에 고를 수 있습니다.
• 복사할 수 있는 CSS: 스니펫은 border-radius와 object-fit으로 웹 페이지에 같은 원형 아바타를 재현합니다.

이미지를 원형으로 자르는 방법

1. 사진 불러오기: 파일을 드롭 영역으로 끌어다 놓거나, 이미지 선택을 누르거나, Ctrl+V로 복사한 그림을 붙여넣으세요.
2. 피사체 구도 잡기: 작업 영역 안을 드래그해 사진을 옮기고, 확대/축소 슬라이더, 스크롤 휠 또는 핀치 제스처로 크기를 맞추세요. 채우기는 마스크를 덮는 가장 촘촘한 자르기로 되돌리고, 맞추기는 사진 전체를 마스크 안에 보여 줍니다.
3. 모양 고르기: 원형을 유지하거나, 타원으로 바꾼 뒤 높이 대 너비 비율을 설정하세요.
4. 가장자리 스타일 지정: 링과 색을 설정하고, 페더로 가장자리를 부드럽게 한 뒤, 투명 또는 단색 배경을 선택하세요.
5. 작은 미리보기 확인: 작업 영역 아래의 128, 64, 32픽셀 버전을 보고, 얼굴이 사라지면 더 확대하세요.
6. 내보내기: 출력 크기와 형식을 고른 다음 원형 이미지 다운로드를 선택하세요.

원형으로 표시되는 프로필 사진 크기

대부분의 플랫폼은 정사각형 업로드를 받은 뒤 CSS로 자체 원형 마스크를 적용합니다. 이미 원형인 PNG를 내보내는 것은 웹사이트, 문서, 슬라이드에서 여전히 유용하며, 마스크가 어디에 떨어지는지 정확히 제어할 수 있습니다. 안전한 업로드 크기는 다음과 같습니다.

원형 마스크가 그려지는 방식

사진은 출력 크기의 캔버스에 그려진 뒤, 캔버스 합성 모드가 destination-in으로 바뀌고 그 위에 타원이 채워집니다. 타원 아래의 픽셀만 남고 나머지는 완전히 투명해집니다. 페더가 0보다 크면 타원이 단색 대신 방사형 그라데이션으로 채워져 알파 값이 점차 줄어들고, 가장자리가 딱딱한 선으로 끝나지 않고 페이드아웃됩니다. 링을 추가하면 마스크에 지워지지 않도록 그 후에 획을 그립니다.

원은 잘려 나온 정사각형에 내접하므로, 원형 결과는 항상 정사각형 면적의 약 78.5퍼센트만 남기고 네 모서리가 사라집니다. 그래서 인물 사진에서는 약간 확대하는 것이 보통 맞습니다. 머리 윗부분과 어깨가 잘려 나가는 모서리에 정확히 위치하기 때문입니다.

32픽셀에서도 잘 보이는 자르기 팁

• 원 안에 얼굴을 채우세요. 머리 위에 작은 여백을 남기고 어깨는 가장자리 밖으로 나가게 하세요. 전신 사진은 알아볼 수 없는 점이 됩니다.
• 눈을 중심보다 약간 위에 두세요. 얼굴을 원 한가운데에 정확히 두면 가라앉은 것처럼 보입니다.
• 단정하고 대비가 있는 배경을 선호하세요. 머리 뒤의 복잡한 디테일은 아바타가 줄어들면 시각적 잡음이 됩니다.
• 확대하지 마세요. 원본이 너비 200픽셀이면 800픽셀로 내보내는 것은 흐리게만 만듭니다. 맞춘 원본 크기 이하로 내보내세요.
• 어두운 인터페이스에는 링을 더하세요. 1~2퍼센트의 흰색 링은 어두운 사진이 어두운 채팅 사이드바에 묻히지 않게 합니다.

자주 묻는 질문

내 사진이 서버에 업로드되나요?

아니요. 파일은 FileReader API로 브라우저에서 읽고 HTML 캔버스에 그린 뒤 그 자리에서 마스크됩니다. miniwebtool로는 아무것도 전송되지 않으므로 탭을 닫아도 사진은 기기에 남습니다. 페이지가 로드된 뒤에는 느린 연결에서도 도구가 계속 작동하며, 업로드 대기열이나 파일 크기 제한은 기기 메모리 외에는 없습니다.

원 바깥 영역을 투명하게 유지하려면 어떻게 하나요?

배경을 투명으로 설정하고 출력 형식으로 PNG 또는 WebP를 선택하세요. 알파 채널을 저장하는 형식은 이 두 가지뿐입니다. JPG에는 투명도가 전혀 없으므로 원 주위 네 모서리는 배경색으로 채워지며, JPG를 선택하면 도구가 배경을 자동으로 단색으로 바꿉니다.

원형 아바타를 올렸는데 왜 여전히 사각형으로 보이나요?

일부 사이트는 업로드를 다시 인코딩할 때 투명도를 흰색 또는 어두운 배경으로 평탄화하여 투명했던 모서리가 다시 보이게 합니다. 그런 경우에는 투명도 대신 사이트에 맞는 배경색을 쓰거나, 사각형 원본을 올리고 사이트가 자체 원형 마스크를 적용하게 하세요. 대부분의 소셜 네트워크는 CSS로 그렇게 합니다.

원형 프로필 사진은 어느 크기가 좋나요?

512×512픽셀이면 거의 모든 프로필에 맞습니다. 사이트는 큰 이미지를 축소하지만 작은 이미지에 디테일을 더하지는 않기 때문입니다. 일반적인 목표는 X와 LinkedIn은 400픽셀, Instagram은 320, Discord는 512, WhatsApp은 640, YouTube는 800입니다. 출력 섹션의 크기 프리셋을 사용하고 축소는 사이트에 맡기세요.

완벽한 원 대신 타원으로 자를 수 있나요?

네. 모양을 타원으로 바꾸고 높이 대 너비 슬라이더를 움직이세요. 비율이 100퍼센트 미만이면 가로로 넓은 타원이 되고, 100퍼센트 초과이면 머리와 어깨 사진에 맞는 세로로 긴 인물용 타원이 됩니다. 출력 캔버스도 함께 모양이 바뀌므로, 너비 512픽셀인 타원을 130퍼센트로 내보내면 512×666픽셀이 됩니다.

원형으로 자르면 사진 화질이 떨어지나요?

자르기 자체는 원 밖의 픽셀을 제거할 뿐이며, 무손실인 PNG로 내보내면 남은 부분은 다시 압축하지 않습니다. 화질이 떨어지는 경우는 출력 크기가 원본에서 맞춘 영역보다 커서 브라우저가 확대를 해야 할 때, 또는 손실 형식인 JPG나 WebP를 선택할 때뿐입니다. 작은 원본을 약 100퍼센트 넘게 확대하는 것이 흐릿한 결과의 흔한 원인입니다.

어떤 파일 형식을 열고 저장할 수 있나요?

브라우저가 이미지로 디코딩할 수 있는 것은 모두 열 수 있으며, 보통 JPG, PNG, WebP, GIF, BMP, AVIF, SVG가 해당됩니다. 애니메이션 GIF는 정지된 한 프레임으로 잘립니다. 다운로드는 기본적으로 PNG이며, 형식 목록에서 WebP와 JPG도 선택할 수 있습니다.