이미지에 테두리 넣기

테두리는 사진과 페이지를 구분해 주고, SNS 게시물을 완성도 있게 만들며, 스냅 사진을 인쇄한 것처럼 보이게 합니다. 이 도구는 단색, 안쪽, 이중선 테두리와 둥근 모서리, 부드러운 그림자, 손글씨 느낌의 문구가 들어가는 폴라로이드 스타일 프레임을 더해 줍니다. 두께를 픽셀이나 그림 크기에 대한 비율로 정할 수 있어서, 크기가 제각각인 사진도 같은 모양의 프레임이 입혀집니다. 모든 처리는 브라우저에서 이루어집니다.

사용 방법

1. 이미지를 하나 이상 고릅니다.
2. 스타일을 고르고 두께를 픽셀 또는 짧은 변에 대한 퍼센트로 정합니다.
3. 테두리 색을 고르고, 이중선·그림자·문구에는 두 번째 색도 고릅니다.
4. 둥근 모서리는 반경을, 폴라로이드는 문구를 선택해서 입력합니다.
5. 프레임을 입힌 이미지를 내려받거나 ZIP 하나로 한꺼번에 받습니다.

계산식

단색·이중선·둥근 모서리: 출력 = (가로 + 2b) × (세로 + 2b); 폴라로이드: (가로 + 2b) × (세로 + b + 3.5b); 안쪽: 크기 그대로

b는 픽셀 단위 테두리 두께이며, 퍼센트 단위를 쓰면 b = round(짧은 변 × % ÷ 100)입니다. 이중선은 b를 약 b ÷ 3씩 세 띠로 나눠 테두리 색, 두 번째 색, 테두리 색 순서로 채웁니다. 둥근 모서리는 프레임을 입힌 이미지의 짧은 변에 대한 비율로 반경을 정하며, 그림 자체의 모서리도 같게 둥글립니다. 그림자는 번짐과 이동을 위해 모든 면에 2b + b/2의 투명한 공간을 더합니다.

예시

1080 × 1350 세로 사진에 5% 테두리를 넣으면 b = round(1080 × 0.05) = 54px이므로 결과는 1188 × 1458px입니다. 같은 b로 폴라로이드를 만들면 아래 띠는 54 × 3.5 = 189px이고 프레임은 1188 × (1350 + 54 + 189) = 1188 × 1593px입니다.