이미지 여백 추가

언제 사용하나요?

인스타그램, 블로그, 쇼핑몰 썸네일처럼 이미지 주변에 균일한 여백이 필요할 때 사용합니다.

사용 방법

• 이미지를 선택합니다.
• 여백 크기와 색상을 입력합니다.
• 확장된 PNG 이미지를 저장합니다.

입력값 안내

각 방향에 더할 여백 픽셀 값과 여백 색상을 선택합니다.

계산·변환 기준

원본보다 큰 Canvas를 만든 뒤 배경색을 채우고 원본 이미지를 중앙에 배치합니다.

사용 예시

• SNS 규격 보정 - 이미지를 자르지 않고 주변 여백으로 비율을 맞춥니다.
• 업로드 전 이미지 준비 - 작업 결과를 미리 확인한 뒤 블로그, 쇼핑몰, SNS에 올릴 이미지 파일을 정리합니다.
• 작업 결과 비교 - 원본과 결과 이미지를 나란히 확인하며 품질과 용량, 표시 상태를 점검합니다.

예시

• 정사각 상품 사진 주변에 흰색 80px 여백 추가
• 세로로 긴 사진에 좌우 여백을 더해 정사각형으로 맞춤

주의사항

• 브라우저 캔버스를 이용해 이미지를 처리하므로 원본 메타데이터(EXIF)가 손실되거나 투명 영역 색상이 변할 수 있습니다.
• 브라우저 환경의 이미지 디코딩 용량 한계로 인해, 지나치게 해상도가 높은 대용량 원본 파일의 변환은 실패할 수 있습니다.

자주 묻는 질문

상하좌우를 따로 지정할 수 있나요?

현재는 모든 방향에 같은 여백을 적용합니다.

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

아니요. 여백 추가는 브라우저 Canvas에서 처리되어 사진이 외부로 전송되지 않습니다.

여백 색을 바꿀 수 있나요?

네. 여백 색상을 원하는 값으로 지정할 수 있어 흰 여백뿐 아니라 배경에 맞춘 색도 넣을 수 있습니다.

상하좌우 여백을 다르게 줄 수 있나요?

여백 크기를 픽셀 단위로 지정할 수 있어 정사각형 만들기나 SNS 규격 맞추기에 활용할 수 있습니다.

관련 도구

• 이미지 둥근 모서리 - 이미지 모서리를 둥글게 만든 투명 배경 PNG를 생성합니다.
• 이미지 그리드 합치기 - 여러 이미지를 격자 형태로 하나의 PNG 이미지로 합칩니다.
• 썸네일 생성기 - 텍스트와 배경색으로 간단한 1280×720 썸네일 이미지를 만듭니다.
• 이미지 리사이즈 - 여러 이미지를 서버 업로드 없이 브라우저에서 비율을 유지하며 리사이즈합니다. JPEG·PNG·WebP 등을 지원하며 최대 가로·세로 픽셀을 지정하면 해상도가 일괄 축소됩니다.
• 이미지 크롭 - 픽셀 좌표를 입력해 이미지의 필요한 영역만 브라우저에서 잘라냅니다.
• 이미지 회전/뒤집기 - 이미지를 90도 단위로 회전하거나 좌우·상하로 뒤집습니다.