프로필 사진 만들기

좋은 프로필 사진은 가운데에 놓여 선명하고, 사이트가 원형으로 잘라도 어색하지 않은 깔끔한 배경 위에 있습니다. 이 도구는 확대와 위치 조절로 사진의 구도를 잡고, 단색·그라데이션·흐린 배경을 뒤에 깔고, 브랜드 색의 링 테두리를 더할 수 있으며, 캠페인이나 행사 프레임(가운데가 투명한 PNG)을 위에 얹을 수도 있습니다. 응원, 팀, 행사를 위해 흔히 쓰는 그런 프레임입니다. 결과는 400, 800, 1080 px의 PNG 또는 JPG이며 모두 브라우저 안에서 만들어집니다.

사용 방법

1. 사진을 고르고, 원하면 오버레이 프레임 PNG도 고릅니다.
2. 모양과 출력 크기를 고릅니다.
3. 확대와 위치 슬라이더로 얼굴을 가운데에 맞춥니다. 100% 미만이면 사진 주위에 배경이 보입니다.
4. 배경과 선택 사항인 링 테두리를 고릅니다.
5. PNG(원 바깥은 투명) 또는 JPG를 받습니다.

계산식

배율 = max(S ÷ w, S ÷ h) × 확대 ÷ 100; x = (S − w·배율) ÷ 2 − 위치 × (w·배율 − S) ÷ 2

S는 출력 크기이고 w × h는 사진 크기입니다. 확대 100%에서는 사진이 정사각형을 딱 덮고, 100%를 넘으면 위치 슬라이더가 화면에 남길 부분을 정하며, 100% 미만이면 줄어든 사진을 프레임 안에서 움직입니다. 링은 바깥을 잘라 내기 전에 윤곽선을 2 × r 두께로 그리므로 가장자리 안쪽에 정확히 r픽셀이 남습니다.

예시

3000 × 4000 세로 사진을 확대 100%로 800 × 800 원형으로 만들면 800 ÷ 3000 = 0.267배로 800 × 1067이 되고 가운데 3000 × 3000 px 영역이 보입니다. 세로 위치를 −50%로 옮기면 사진이 0.5 × (1067 − 800) ÷ 2 ≈ 67 px 아래로 이동해 위쪽(얼굴)이 더 많이 보입니다. 링 3%는 24 px 테두리를 더합니다.