온라인 이미지 여백 제거

이미지 가장자리의 빈 픽셀을 자동으로 감지하고 제거합니다. 투명하거나 단색인 테두리를 잘라 이미지 크기를 최소화합니다.

여백 제거가 하는 일

여백 제거는 사진의 픽셀을 네 가장자리 각각에서 중심을 향해 훑으며 균일한 테두리가 끝나고 실제 피사체가 시작되는 지점을 찾아냅니다. 투명 모드에서는 알파 채널을 읽고 완전히 투명하지 않은 픽셀에 도달할 때까지 행과 열 단위로 안쪽으로 이동합니다. 배경색 모드에서는 모든 가장자리 픽셀의 RGB 값을 기준 색상 — 자동 감지로 자동 샘플링하거나 제거할 색상으로 직접 설정한 색상 — 과 비교해, 설정한 허용 오차(0은 정확히 일치하는 색상만 테두리로 인정하고, 255는 거의 모든 색상을 테두리로 취급합니다) 안에 픽셀이 머무는 한 계속 안쪽으로 이동합니다. 네 변 모두에서 스캔이 멈추면 그 경계선들이 경계 상자를 정의하고, 캔버스가 그 크기로 잘리며, 설정한 여백이 각 변에 다시 마진으로 더해집니다. 이 도구가 하지 않는 일은 실제로 균일하지 않은 테두리를 정리하는 것입니다. 그라디언트 배경, 부드러운 드롭 섀도, JPEG 압축 노이즈가 가장자리 근처에 있으면 하나의 깔끔한 잘린 선으로 수렴하지 않습니다 — 허용 오차를 얼마나 올리느냐에 따라 부분적으로만 잘리거나 전혀 잘리지 않을 수 있습니다. 가장자리 연결 모드는 배경색 모드에서 무엇을 잘라낼 수 있는 배경으로 인정할지를 바꿉니다 — 이미지 안의 모든 픽셀을 기준 색상과 비교하는 대신, 바깥 가장자리와 연속적으로 연결된 배경색 픽셀만 제거하므로, 피사체 안쪽에 있는 같은 색상의 조각 — 하이라이트, 강조 부분, 디자인 안의 구멍 — 이 실수로 잘려나가지 않습니다. 여기서 모든 것은 브라우저 안에서 캔버스 픽셀 데이터를 직접 읽어 실행되므로, 자르기 계산 자체가 기기를 벗어나는 일은 절대 없습니다.

여백 제거가 중요한 이유

스튜디오 설정이나 마켓플레이스 템플릿에서 내보낸 상품 사진은 종종 일관되지 않은 여백을 가지고 있습니다 — 한 장은 왼쪽에 1인치의 빈 공간이 있고, 다음 장은 거의 없어, 캔버스 크기가 모두 같더라도 카탈로그 그리드에 쌓아 놓으면 썸네일이 고르지 않게 보입니다. 여백 제거는 파일마다 마퀴 선택을 눈대중으로 맞추게 하는 대신 각 이미지를 실제 콘텐츠 크기로 잘라 이 불일치를 없앱니다. 디자인 도구에서 내보낸 게임과 앱 아이콘 자산은 흔히 투명한 패딩을 담고 있습니다 — 실제 아트워크는 96x96인데 128x128 캔버스 안에 들어 있는 식입니다. 이 여분의 알파 마진은 스프라이트 아틀라스를 틀어지게 하고, 픽셀 단위로 정확한 앵커 포인트를 어긋나게 하며, 대규모로는 텍스처 메모리를 낭비합니다 — 알파 경계 상자로 자르면 아트워크 자체는 건드리지 않고 자산을 바로잡을 수 있습니다. 창 크롬, 브라우저 툴바, 실제 콘텐츠 주변의 단색 데스크톱 배경이 함께 찍힌 스크린샷도 문서화나 지원 티켓에 들어가기 전에 같은 정리가 필요합니다 — 샘플링한 가장자리 색상을 이용한 배경색 모드가 수동 자르기 대신 한 번에 그 프레임을 벗겨냅니다. 단색 흰색이나 단색 캔버스에 저장된 스캔한 스티커, 로고, 라인 아트도 같은 방식으로 이득을 봅니다 — 여백 제거는 레이아웃에 넣거나 다른 편집기에서 레이어로 쌓기 전에 파일을 실제 크기로 줄여주며, 가장자리 연결 모드는 아트워크 자체에 배경색과 일치하는 도형이 있어도 안전하게 유지해줍니다.

수동 마퀴 자르기 없이 딱 맞는 경계 상자를 만듭니다
여백이 고르지 않은 사진들을 일관된 프레임으로 맞춥니다
스프라이트, 아이콘, 스티커의 PNG 치수를 줄입니다
가장자리 연결 모드가 테두리 색상과 일치하는 내부 도형을 보호합니다

이미지 여백을 제거하는 방법

여백 제거는 감지 단계 뒤에 한 번의 자르기로 이어지므로, 대부분의 작업은 적용하기 전에 올바른 설정을 고르는 데 있습니다.

1

감지 모드를 고릅니다: 알파 채널 가장자리가 있는 PNG에는 투명 픽셀을, 어떤 형식이든 단색 테두리에는 배경색을 선택합니다.

2

배경색 모드에서는 자동 감지를 클릭해 테두리 색상을 샘플링하거나 제거할 색상을 수동으로 설정한 뒤, 미리보기 윤곽선이 피사체에 딱 맞을 때까지 허용 오차를 조정합니다.

3

잘라낸 뒤 약간의 여백을 남기고 싶다면 여백을 설정하고, 피사체 안에 테두리 색상과 일치하지만 잘리면 안 되는 영역이 있다면 가장자리 연결을 켭니다.

4

테두리가 아예 단색이 아니라면 먼저 자르기 전에 배경 제거를 켠 뒤, 감지된 경계 상자로 캔버스를 자르기 위해 적용합니다.

자주 묻는 질문

자르기는 경계를 직접 그리거나 드래그해서 설정하도록 요구하는 반면, 여백 제거는 균일한 테두리가 끝나고 피사체가 시작되는 지점을 감지해 자동으로 계산합니다. 실제 이미지 콘텐츠의 일부를 제거하거나 종횡비를 바꾸고 싶을 때는 자르기를, 피사체는 건드리지 않고 빈 투명하거나 단색인 여백만 벗겨내고 싶을 때는 여백 제거를 사용하세요. 둘을 연결해서 사용할 수도 있습니다 — 먼저 여백을 제거해 딱 맞는 경계 상자를 얻은 뒤, 여전히 특정 종횡비가 필요하다면 이후에 자르면 됩니다.
여백 제거 계산은 브라우저 안에서 캔버스로부터 픽셀 데이터를 직접 읽으며 파일을 서버로 전송하는 일은 절대 없습니다. 감지 모드, 허용 오차, 여백, 그리고 자르기 자체까지 모두 로컬에서 계산되므로, 여백만 제거하는 동안에는 이미지가 계속 기기에 남아 있습니다.
허용 오차는 픽셀 색상이 기준 테두리 색상과 얼마나 달라도 여전히 배경으로 인정될지를 0에서 255까지의 척도로 설정합니다. 0에서는 정확히 일치하는 것만 잘리는데, 이는 노이즈가 없는 깔끔한 PNG 배경에 잘 작동합니다. 값을 올리면 JPEG 압축 아티팩트, 안티앨리어싱된 가장자리, 은은한 그라디언트처럼 약간씩 다른 픽셀도 잘림 범위에 흡수되지만, 너무 높이면 피사체의 어떤 색상이 테두리 색상과 가까울 경우 피사체까지 파고들 수 있습니다.
실제로 균일하지 않은 테두리에서 어려움을 겪습니다 — 부드러운 드롭 섀도, 그라디언트 배경, 가장자리 근처의 심한 압축 노이즈는 허용 오차에 따라 부분적으로만 잘리거나 전혀 잘리지 않습니다. 피사체가 테두리와 가까운 색상을 공유하고 있다면 높은 허용 오차가 피사체를 파먹을 수 있으므로, 허용 오차를 최대치로 놓기보다는 적용하기 전에 미리보기를 확인하는 것이 좋습니다.
이 모드가 없으면 배경색 모드는 이미지 어디에 나타나든 기준 색상과 일치하는 모든 픽셀을 대상으로 삼습니다. 가장자리 연결은 이를 캔버스의 바깥 가장자리와 연속적으로 연결된 배경색 픽셀로 제한하므로, 피사체 안쪽에서 우연히 테두리 색상과 같은 조각 — 하이라이트, 강조 도형, 디자인 안의 구멍 — 은 잘라낼 배경으로 취급되지 않고 그대로 남습니다.
네, 다만 배경색 모드에서만 가능합니다 — 투명 모드는 알파 채널에 의존하는데 JPEG에는 알파 채널이 없어 감지할 것이 없습니다. 배경색으로 전환해 자동 감지로 테두리를 샘플링하거나 제거할 색상을 수동으로 설정한 뒤, 가장자리 근처의 JPEG 압축 노이즈를 흡수하도록 허용 오차를 조금 올리세요.
먼저 이 사이트의 배경 제거를 이미지에 실행해 주변을 투명하게 만든 뒤, 투명 모드에서 그 새로운 투명 경계 상자로 자릅니다 — 원본 테두리가 배경색 모드로 깔끔하게 매칭할 수 있는 단색이 아닐 때 유용합니다. 배경 제거는 여백 제거 계산 자체와는 별개의 기능이므로, 그 도구가 이미지를 정확히 어떻게 처리하는지 알아야 한다면 해당 도구 자체의 페이지를 확인하세요.
여백은 잘라낸 경계 상자의 모든 변에 픽셀 단위로 고정된 마진을 다시 더하므로, 피사체에 딱 붙은 자르기 대신 다시 작고 균일한 테두리가 있는 결과를 얻습니다. 가장 딱 맞는 자르기를 원한다면 0으로 설정하고, 완전히 딱 붙은 가장자리가 UI 아이콘이나 썸네일 슬롯에 너무 빡빡해 보인다면 몇 픽셀 정도로 설정하세요.

더 많은 이미지 도구

이미지 편집 요구에 맞는 다른 강력한 도구를 살펴보세요

이미지 압축

크기 줄이기

크기 조절

치수 변경

이미지 자르기

영역 자르기

형식 변환

형식 변경

사진 편집기

사진 편집

이미지 회전

이미지 회전

이미지 뒤집기

수평/수직 뒤집기

워터마크 추가

워터마크

테두리 추가

이미지 테두리 추가

둥근 모서리

둥근 모서리 추가

필터

밝기/대비

얼굴 흐리게

얼굴 숨기기

모자이크

영역 흐림

배경 제거

배경 제거

이미지 향상

AI 업스케일

텍스트 추가

이미지에 텍스트 추가

콜라주

여러 이미지 결합

HTML을 이미지로

웹을 이미지로

GIF를 시퀀스로

프레임 추출

이미지 일괄 이름 변경

파일 이름을 안전하게 한꺼번에 변경

원형 자르기

이미지를 원형으로 자르기

흑백

이미지를 흑백으로 변환

이미지 분할

이미지를 그리드로 자르기

이미지 병합

이미지를 하나로 결합

DPI 변경

이미지 DPI 메타데이터 설정

이미지를 Base64로

이미지를 Base64로 인코딩

이미지를 PDF로

이미지를 하나의 PDF로 합치기

HEIC을 JPG로 변환

아이폰 HEIC 사진을 JPG로 변환

EXIF 제거기

GPS 위치를 포함한 사진 속 숨겨진 메타데이터 확인 및 삭제

파비콘 생성기

전체 아이콘 세트와 HTML 제공

색상 팔레트

이미지에서 색상 추출하기

Base64를 이미지로

Base64를 다시 이미지로 디코딩

HEIC를 PNG로

아이폰 HEIC 사진을 무손실 PNG로 변환

이미지 뒤 텍스트

사진 속 피사체 뒤에 텍스트를 넣습니다. 전부 브라우저에서 처리됩니다

컬러 피커

원하는 픽셀의 HEX, RGB, HSL 값 확인

서명 만들기

서명을 그려서 투명 PNG로 다운로드

서명 배경 제거

종이에서 잉크만 남겨 투명하게

투명 배경 만들기

배경을 투명하게 만들기