이미지 여백 / 테두리 추가
이미지 주변에 단색 또는 투명 여백을 추가하고, 선택적으로 테두리를 그립니다. 1:1, 4:5, 16:9 등 목표 비율에 맞추는 모드 지원 — 브라우저에서 처리.
사용법
- 이미지를 드래그하거나 선택 — 캔버스 성능을 위해 긴 변 2400px로 축소됩니다.
- '고정 여백'으로 사방 균등 여백을 두거나 '비율 맞추기'로 목표 비율에 맞춥니다.
- 여백 크기, 배경색(또는 PNG/WebP라면 투명), 선택적 테두리를 설정합니다.
- PNG · JPEG · WebP 중 원하는 형식으로 저장합니다.
자세한 설명
펼치기접기
이미지에 단색(또는 투명) 여백을 두르고 선택적으로 색 테두리를 더한 다음, 사방에 같은 여백을 유지하거나 결과를 목표 화면비에 맞출 수 있습니다. 인스타그램 정사각형 게시물, 스토리 비율, 유튜브 섬네일, 슬라이드 통일감, 인쇄용 액자에 씁니다. 출력은 캔버스로 그려져 PNG, JPEG, WebP로 내려받을 수 있습니다. 이미지와 모든 처리는 브라우저 안에 머무릅니다.
투명 배경은 알파 채널이 있는 형식에서만 살아남습니다. PNG와 WebP는 유지하지만 JPEG에는 알파가 아예 없어서, JPEG로 내보내면 경고 없이 투명한 영역이 검게 채워집니다. JPEG에서 흰 테두리를 원한다면 투명하게 두고 기대하는 대신 여백 색을 흰색으로 지정하십시오.
화면비 맞추기는 잘라내는 것이 아니라 여백을 더하는 것이고, 그게 핵심입니다. 아무것도 잘려 나가지 않습니다. 그 결과로 세로로 긴 사진을 16:9 틀에 맞추면 양옆에 넓은 띠가 생기고, 원본이 목표에서 멀수록 결과에서 여백이 차지하는 비중이 커집니다. 피사체가 틀을 가득 채워야 한다면 필요한 작업은 자르기이고 이 툴은 그 용도가 아닙니다.
파일 크기는 캔버스에서 단색이 차지하는 비중이 아니라 출력 형식이 결정합니다. 한 가지 색의 넓은 면적은 PNG에서 대단히 잘 압축되고 WebP에서도 그럭저럭 압축되지만, 중간 품질의 JPEG는 거기에도 눈에 보이는 잡음을 남기며, 그라데이션 배너를 정사각형으로 채우면 그것이 감싸는 사진보다 결과가 커질 수도 있습니다.
모든 처리는 브라우저에서 디코딩된 픽셀에 대해 이루어지므로 이미지는 업로드되지 않으며, 캔버스를 거쳐 다시 인코딩하는 과정에서 원본이 지녔던 EXIF, ICC 프로파일, 내장 메타데이터가 사라집니다.
자주 묻는 질문
이미지가 서버로 전송되나요?
아니요. URL.createObjectURL로 로컬에서 읽어 <canvas>에 그립니다. 어떤 데이터도 외부로 전송되지 않습니다.
'비율 맞추기' 모드는 어떻게 작동하나요?
선택한 비율(예: 정사각 인스타그램 1:1)에 맞도록 짧은 축 방향으로 여백을 더 추가합니다. 이미지는 중앙에 배치되고, 슬라이더의 여백 값은 비율 맞추기 이전의 최소 여백으로 사용됩니다.
JPEG를 선택하면 '투명' 체크박스가 비활성화되는 이유는?
JPEG는 알파 채널을 지원하지 않아 투명 픽셀이 검정 또는 흰색으로 저장됩니다. 투명 배경이 필요하다면 PNG 또는 WebP를 사용하세요.
여백과 테두리의 차이는?
여백은 이미지 바깥쪽 배경 공간이고, 테두리는 이미지 가장자리에 직접 닿는 색 프레임입니다. 두 가지 모두, 하나만, 또는 둘 다 끌 수도 있습니다.
관련 도구
이미지 크롭 (비율 맞춤)
이미지를 1:1·16:9·4:3 등 표준 비율로 자동 중앙 크롭합니다.
이미지
이미지 종횡비 분석
이미지 드롭 → 픽셀 차원·간단한 종횡비·소수 비율·메가픽셀·방향·파일 크기·가장 가까운 일반 프리셋 표시.
이미지
비율 계산기 (Aspect Ratio)
가로 × 세로 ↔ 비율(16:9, 4:3, 21:9 …) 변환 — 컨테이너에 비율 맞추기.
변환
카이제곱 검정 계산기 (Fisher 정확검정 포함)
분할표의 독립성 검정과 빈도의 적합도 검정: χ², 자유도, p값, 기대 빈도, 잔차, Cramér의 V, Fisher 정확검정을 구합니다.
수학·통계
이미지 트림 (투명·단색 테두리 자동 제거)
이미지의 투명·흰색·검정·임의 단색 테두리를 자동 감지해 잘라냅니다. 허용 오차·여백·PNG/JPEG/WebP 내보내기 지원. 모든 처리는 브라우저에서.
이미지
이미지 텍스트 워터마크
이미지 드롭 → 텍스트 워터마크 찍기. 코너·크기·투명도·회전·색·그림자·전체 타일링 선택.
이미지