이미지 여백·배경 추가기, 정사각형 이미지가 필요할 때 쓰는 법
이미지를 블로그나 쇼핑몰에 올리려고 하면 사진 자체는 괜찮은데 주변에 여백이 없거나, 정사각형처럼 정해진 형태에 맞지 않아 배치가 어색해질 때가 있습니다. 이럴 때 이미지를 억지로 잘라내면 필요한 부분이 사라질 수 있기 때문에 이미지는 그대로 두고 캔버스와 배경을 조정하는 방법이 유용합니다.
이미지 여백·배경 추가기는 JPG·PNG·WebP 이미지를 한 장씩 불러와 원본 크기를 유지하거나 여백을 추가하고, 정사각형·특정 비율·사용자 지정 크기의 캔버스로 맞출 수 있도록 구성했습니다. 단색·투명·블러 배경을 선택하고 이미지의 크기와 위치도 함께 조절할 수 있어, 원본을 자르지 않고 원하는 형태를 만들 때 사용할 수 있습니다.

이미지를 자르지 않고 정사각형으로 만드는 방법
정사각형 이미지가 필요한데 원본 사진이 가로나 세로로 길다면 두 가지 선택이 있습니다. 중요한 부분을 잘라내 정사각형으로 만드는 방법도 있지만, 사진 전체를 보여줘야 한다면 캔버스를 정사각형으로 넓히고 빈 공간을 배경으로 채우는 편이 좋습니다.
이 도구의 정사각형 맞춤은 원본 이미지를 잘라내지 않고 정사각형 캔버스 안에 전체 이미지를 표시합니다. 따라서 인물의 머리나 상품의 가장자리처럼 잘리면 안 되는 부분을 그대로 유지하면서 정사각형 형태를 만들 수 있습니다.
여백 추가와 정사각형 맞춤은 목적이 다릅니다
| 작업 방식 | 어울리는 상황 | 결과에서 확인할 점 |
|---|---|---|
| 원본 크기 | 이미지 자체만 확인하거나 별도 캔버스가 필요하지 않을 때 | 원본 크기와 비율 |
| 여백 추가 | 원본을 유지하면서 주변 공간을 만들 때 | 위·아래·왼쪽·오른쪽 여백의 균형 |
| 정사각형 맞춤 | 프로필·상품 카드처럼 정사각형 영역이 필요할 때 | 전체 이미지가 잘리지 않았는지 |
| 비율 맞춤 | 특정 가로·세로 비율에 맞춰야 할 때 | 필요한 영역 안에 이미지가 자연스럽게 배치됐는지 |
| 사용자 지정 크기 | 정해진 픽셀 크기가 필요한 작업 | 출력 크기와 이미지 위치 |
비율 맞춤은 “사진 크기”보다 “캔버스 비율”을 먼저 생각하세요
가로형 배너나 세로형 카드처럼 최종 결과의 비율이 정해져 있다면 이미지 자체를 찌그러뜨리는 것보다 캔버스의 비율을 맞추고 그 안에 원본을 배치하는 방식이 자연스럽습니다.
도구에서는 미리 제공되는 비율을 선택할 수 있고, 필요한 경우 가로·세로 비율을 직접 지정할 수도 있습니다. 사진 전체를 보여주면서 특정 화면 비율을 맞추고 싶을 때 특히 유용합니다.
여백은 네 방향을 따로 조절할 수 있습니다
단순히 모든 방향에 같은 공간을 추가하는 것뿐 아니라 위·아래·왼쪽·오른쪽을 각각 조절할 수 있습니다. 가운데 정렬이 어울리는 사진도 있지만, 상품 이미지처럼 아래쪽에 공간을 더 확보해야 하는 경우에는 개별 설정이 편합니다.
네 방향의 값을 연결해서 같은 양을 한 번에 적용할 수도 있고, 연결을 해제해 각 방향을 따로 설정할 수도 있습니다. 결과 캔버스의 크기와 여백이 어떻게 달라지는지 확인하면서 조정하면 됩니다.
배경은 단색·투명·블러 가운데 선택할 수 있습니다
여백이 생기면 그 공간을 어떻게 채울지도 결정해야 합니다. 깔끔한 카드형 이미지를 만들 때는 흰색이나 검은색 같은 단색 배경이 편하고, 다른 디자인 위에 올릴 이미지라면 투명 배경이 더 적합할 수 있습니다.
사진의 분위기를 유지하면서 빈 공간을 자연스럽게 채우고 싶다면 블러 배경을 선택할 수 있습니다. 블러 배경은 강도와 밝기, 배경 이미지의 위치를 조정할 수 있어 원본 사진의 색과 분위기에 맞춰 다듬기 좋습니다.
투명 배경은 출력 형식도 함께 확인하세요
투명 배경을 선택했다면 저장할 때 출력 형식을 확인해야 합니다. PNG와 WebP는 투명도를 유지할 수 있지만 JPG는 투명 배경을 그대로 저장할 수 없기 때문에 지정한 배경색으로 합성됩니다.
따라서 로고나 상품 누끼 이미지처럼 투명도가 중요한 결과라면 JPG를 선택하기 전에 최종 파일에서 배경이 원하는 상태인지 꼭 확인하세요.
이미지 자체의 크기와 위치도 따로 조절할 수 있습니다
캔버스를 만든 뒤에도 전경 이미지의 크기를 줄이거나 위치를 움직일 수 있습니다. 정사각형 안에 인물을 조금 아래쪽에 배치하거나, 상품 이미지를 가운데보다 위쪽으로 올리는 것처럼 캔버스 안에서 구도를 다시 맞출 수 있습니다.
위·아래·왼쪽·오른쪽 모서리와 가운데 정렬을 빠르게 선택할 수 있고, 가로·세로 위치를 직접 조절할 수도 있습니다. 원하는 위치가 정해지지 않았다면 위치 초기화로 다시 가운데부터 시작하면 됩니다.
원본을 자르지 않는다는 점이 가장 큰 차이입니다
이미지 자르기 도구는 필요 없는 부분을 제거하는 데 적합하지만, 이 도구는 반대로 원본 이미지 전체를 보존하면서 주변 캔버스를 늘리는 작업에 적합합니다.
예를 들어 세로 사진을 정사각형 카드로 바꿀 때 머리나 발을 잘라내고 싶지 않다면 자르기보다 여백·배경 추가가 더 알맞습니다. 최종 결과에서 원본 전체가 보이는지 먼저 확인한 뒤 배경과 위치를 조정하면 됩니다.
미리보기는 원본과 결과를 번갈아 확인하세요
작업 화면에서는 원본 보기와 결과 보기를 전환할 수 있고 확대·축소 및 화면 맞춤도 사용할 수 있습니다. 캔버스가 커지면 사진이 상대적으로 작아 보이기 때문에 전체 구도와 실제 이미지 크기를 번갈아 확인하는 것이 좋습니다.
특히 블러 배경을 사용할 때는 작은 화면에서는 자연스럽게 보여도 크게 확대했을 때 경계나 밝기가 어색할 수 있으므로 최종 결과를 전체 화면에서 한 번 더 확인하세요.
실수했을 때는 실행 취소와 다시 실행을 활용하세요
여백, 배경, 이미지 위치처럼 여러 설정을 바꾸다 보면 이전 상태로 돌아가고 싶은 순간이 있습니다. 실행 취소와 다시 실행을 사용하면 여러 설정을 비교하면서 가장 자연스러운 결과를 찾기 쉽습니다.
개별 설정을 초기화하거나 모든 설정을 한 번에 초기화하는 기능도 있어 처음부터 다시 작업해야 하는 부담을 줄일 수 있습니다.
결과에서는 크기와 비율을 확인하세요
완료된 결과 정보에서는 원본 크기와 결과 크기, 결과 비율, 출력 형식을 확인할 수 있습니다. 웹사이트나 쇼핑몰의 이미지 규격에 맞춰야 한다면 파일을 저장하기 전에 이 정보를 확인하는 것이 좋습니다.
결과 파일은 원하는 이름으로 저장할 수 있고, 필요한 출력 형식과 품질을 선택한 뒤 다운로드할 수 있습니다.
핵심 정리
- 원본을 자르지 않고 정사각형이나 특정 비율의 캔버스로 만들고 싶을 때 여백·배경 추가 방식이 유용합니다.
- 여백은 전체에 같은 값을 넣거나 위·아래·왼쪽·오른쪽을 각각 조절할 수 있습니다.
- 배경은 단색·투명·블러 가운데 선택할 수 있고 블러 배경은 강도와 밝기, 위치도 조절할 수 있습니다.
- 캔버스를 만든 뒤에도 원본 이미지의 크기와 위치를 따로 조절할 수 있어 최종 구도를 맞추기 쉽습니다.
- 투명 배경을 유지해야 한다면 PNG 또는 WebP를 우선 확인하고 JPG 저장 시 배경색으로 합성된다는 점을 기억해야 합니다.
직접 확인하기
이미지 여백·배경 추가기에서 정사각형 맞춤, 비율 맞춤, 배경 선택과 이미지 위치 조절을 직접 확인할 수 있습니다.
댓글
댓글 쓰기