온라인 이미지 크롭: JPG, PNG, WebP 자르는 방법

이미지의 구도를 바꿔야 할 때 이미지 크롭을 사용하면 정사각형 아바타, 세로 스토리 이미지 또는 가로 커버를 만들 수 있습니다. 크롭은 선택한 박스 밖의 픽셀을 제거하고, 리사이즈는 전체 이미지의 크기를 바꿉니다. 온라인 이미지 크로퍼에서 비율이나 자유 형식을 선택하고 원본을 보존한 채 잘라낸 사본을 다운로드하세요.

먼저 이미지 크롭 비율 선택하기

목적지에 따라 비율을 정합니다.

1:1 정사각형은 아바타, 상품 카드와 정사각형 소셜 게시물에 적합합니다.
16:9 가로형은 동영상 커버, 프레젠테이션과 넓은 웹사이트 영역에 어울립니다.
9:16 세로형은 Stories, Shorts, Reels와 모바일 전체 화면 배치에 적합합니다.
4:3 또는 3:4는 클래식한 사진 레이아웃과 세로 카드에 사용할 수 있습니다.
자유 형식은 맞춤 프레임이나 고정 비율로 피사체를 자르게 되는 구도에 유용합니다.

크롭 박스를 배치하기 전에 비율을 정하세요. 피사체를 보호하면서 목적지가 요구하는 모양을 맞추기 쉬워집니다.

온라인에서 이미지 크롭하는 방법

1. 이미지 크로퍼 열기

온라인 이미지 크로퍼를 열고 JPG, PNG 또는 WebP 파일을 선택합니다. 대상 페이지나 플랫폼에서 확인할 때까지 원본을 보관하세요.

2. 비율 또는 자유 형식 선택하기

1:1, 16:9, 9:16, 4:3, 3:4, 21:9, 9:21 등의 비율 중 하나를 선택합니다. 대상 레이아웃에 맞춤 크기가 필요하거나 고정 비율이 피사체의 중요한 부분을 자른다면 자유 형식을 사용하세요.

3. 크롭 박스 위치 조정하기

크롭 박스를 드래그해 피사체, 얼굴, 제품 라벨과 중요한 텍스트가 프레임 안에 남도록 합니다. 대상 플랫폼의 UI가 겹칠 공간을 고려해 여백을 남기세요. 프로필 이미지는 얼굴이나 제품을 중앙에 두고, 상품 카드는 카탈로그의 다른 이미지와 위치를 일관되게 맞춥니다.

4. 크롭하고 결과 확인하기

크롭을 클릭한 뒤 다운로드 전에 출력 이미지를 확인합니다. 원본을 크게 확대했을 때만 보지 말고 실제 표시 크기에서도 확인하세요. 구도는 맞지만 픽셀이 너무 많다면 이미지 리사이저로 정확한 크기를 설정합니다.

중요한 세부 정보 보호하기

원본에서 시작하고 크롭과 내보내기를 반복하지 마세요. 픽셀이 제거되면 다음 크롭으로 복원할 수 없습니다. 마스터 원본을 보관하고 정사각형, 가로형, 세로형 용도별로 별도의 전달용 사본을 만드세요.

대상 페이지가 이미지 위에 표시하는 요소도 확인합니다. 아바타 테두리, 재생 버튼, 텍스트나 내비게이션이 가장자리를 가릴 수 있습니다. 중요한 피사체를 그 영역에서 멀리 두고 가능하면 실제 레이아웃에서 미리 보세요.

크롭은 픽셀 수를 줄이므로 파일 크기도 줄어들 수 있지만 압축을 대신하지는 않습니다. 구도를 정한 뒤에도 파일이 너무 크면 이미지 압축기를 사용하세요.

크롭과 리사이즈 중 무엇을 먼저 해야 하나요?

이미지 모양이 맞지 않고 구도를 바꿔야 한다면 먼저 크롭합니다. 전체 구도가 이미 맞고 픽셀 수만 줄이면 된다면 리사이즈를 먼저 할 수 있습니다. 일반적인 흐름은 목표 비율로 크롭한 뒤 정확한 픽셀 크기로 리사이즈하고 마지막에 전달용 사본을 압축하는 것입니다.

이미지 리사이저의 비율 잠금을 풀어 크롭을 대신하지 마세요. 너비와 높이를 따로 바꾸면 피사체가 늘어납니다. 구도는 크로퍼로, 최종 픽셀 크기는 이미지 리사이저로 처리하세요.

자주 생기는 이미지 크롭 문제

피사체가 잘림

내보내기 전에 박스를 이동하고 피사체 주변에 여유 공간을 남깁니다. 얼굴과 제품은 썸네일 크기에서도 확인하세요. 작은 화면에서는 꽉 찬 크롭이 더 답답해 보일 수 있습니다.

이미지가 늘어나 보임

크롭은 픽셀을 제거하는 작업이지 비율을 바꾸는 작업이 아닙니다. 출력이 늘어나 보이면 크롭 후 너비와 높이를 독립적으로 리사이즈했는지 확인하고, 최종 리사이즈에서는 비율을 잠그세요.

모양은 맞지만 파일이 너무 큼

크롭 후 이미지 리사이저로 정확한 너비와 높이를 정한 뒤 이미지 압축기로 파일 크기를 조정합니다. 단계를 나누면 어떤 변경이 결과에 영향을 주었는지 확인하기 쉽습니다.

텍스트가 가장자리에 너무 가까움

크롭 박스를 다시 배치하고 안전 여백을 남기세요. 원본에 충분한 공간이 없다면 더 넓은 크롭을 사용하거나 원본 구도를 수정하고 텍스트를 가장자리에 억지로 붙이지 마세요.

자주 묻는 질문

온라인에서 이미지를 크롭하려면 어떻게 하나요?

온라인 이미지 크로퍼에서 JPG, PNG 또는 WebP를 선택하고 비율이나 자유 형식을 정한 다음 박스를 배치해 결과를 확인하고 다운로드하세요.

크롭하면 이미지 화질이 떨어지나요?

크롭은 선택 영역 밖의 픽셀을 제거하지만 크롭 자체가 영역 안의 픽셀을 다시 샘플링하지는 않습니다. 이후 리사이즈한다면 적절한 크기를 선택하고 실제 표시 크기에서 결과를 확인하세요.

소셜 미디어 이미지에 가장 좋은 비율은 무엇인가요?

대상 플랫폼의 현재 요구 사항에 맞추세요. 1:1, 16:9, 9:16은 흔한 시작점이지만 권장 크기와 안전 영역은 플랫폼에 따라 바뀔 수 있습니다.

정확한 픽셀 크기로 자를 수 있나요?

먼저 크로퍼로 구도와 비율을 만든 다음 이미지 리사이저에서 정확한 너비와 높이를 설정하세요. 피사체가 늘어나지 않도록 비율을 유지하고, 비율 계산에는 화면 비율 계산기를 사용할 수 있습니다.

이미지를 압축하기 전에 크롭해야 하나요?

대부분 먼저 크롭해 표시되지 않을 픽셀을 제거하고, 목표 크기로 리사이즈한 다음, 마지막에 전달용 사본을 압축합니다. 다른 구도를 만들 수 있도록 원본은 보관하세요.