이미지 여백 / 테두리 추가

사용법

1. 이미지를 드래그하거나 선택 — 캔버스 성능을 위해 긴 변 2400px로 축소됩니다.
2. '고정 여백'으로 사방 균등 여백을 두거나 '비율 맞추기'로 목표 비율에 맞춥니다.
3. 여백 크기, 배경색(또는 PNG/WebP라면 투명), 선택적 테두리를 설정합니다.
4. PNG · JPEG · WebP 중 원하는 형식으로 저장합니다.

자주 묻는 질문

이미지가 서버로 전송되나요?

아니요. `URL.createObjectURL`로 로컬에서 읽어 `<canvas>`에 그립니다. 어떤 데이터도 외부로 전송되지 않습니다.

'비율 맞추기' 모드는 어떻게 작동하나요?

선택한 비율(예: 정사각 인스타그램 1:1)에 맞도록 짧은 축 방향으로 여백을 더 추가합니다. 이미지는 중앙에 배치되고, 슬라이더의 여백 값은 비율 맞추기 이전의 최소 여백으로 사용됩니다.

JPEG를 선택하면 '투명' 체크박스가 비활성화되는 이유는?

JPEG는 알파 채널을 지원하지 않아 투명 픽셀이 검정 또는 흰색으로 저장됩니다. 투명 배경이 필요하다면 PNG 또는 WebP를 사용하세요.

여백과 테두리의 차이는?

여백은 이미지 바깥쪽 배경 공간이고, 테두리는 이미지 가장자리에 직접 닿는 색 프레임입니다. 두 가지 모두, 하나만, 또는 둘 다 끌 수도 있습니다.

관련 도구