Loading...
Loading...
사진을 드롭하고 12가지 비율 프리셋 중 하나로 자르세요 — 인스타그램 정사각형, 9:16 스토리, 16:9 유튜브 썸네일, 페이스북 커버 — 또는 자유형. 사각형을 드래그하고, 모서리에서 크기를 조정한 후, JPG, PNG 또는 WebP 형식으로 전체 소스 해상도로 내보내세요.
이미지 크로퍼는 사진을 목표 사각형으로 잘라냅니다 — 특정 비율에 맞추기 위해, 가장자리의 빈 공간을 제거하거나, 구성을 주제에 집중시키는 데 유용합니다. 대부분의 사람들에게 어려운 부분은 무엇을 자를지를 선택하는 것이 아니라, 크기를 정확하게 맞추는 것입니다: 인스타그램은 1:1 정사각형 또는 4:5 초상화를 원하고, 스토리와 릴은 9:16, 유튜브 썸네일은 16:9, 트위터 카드도 16:9, 페이스북 커버 사진은 820×312를 원하며, 자유형 자르기는 편집자의 눈이 말하는 대로 원하는 것을 원합니다. 이 크로퍼는 일반적인 비율 프리셋을 묶어 기억할 필요가 없도록 하며, 출력이 입력보다 부드럽지 않도록 전체 소스 해상도로 내보냅니다.
JPG, PNG, WebP, GIF, BMP 또는 AVIF 파일을 업로드 영역에 드롭하거나, 클릭하여 장치에서 선택하세요. 이미지는 기본 자르기 사각형이 프레임의 80%를 덮고 중앙에 위치하여 아래에 렌더링됩니다.
프리셋 칩 중 하나를 클릭하세요 — 제약 없는 자유형, 정사각형을 위한 1:1, 스토리를 위한 9:16, 썸네일을 위한 16:9, 인스타그램 초상화를 위한 4:5, 또는 IG 포스트, IG 스토리, 유튜브, 트위터 및 FB 커버와 같은 플랫폼별 프리셋. 자르기 사각형이 새로운 비율에 맞춰 조정됩니다.
사각형을 드래그하여 이동하거나, 네 개의 모서리 핸들 중 하나를 잡아 크기를 조정하세요. 비율 프리셋이 활성화되면, 사각형은 크기를 조정하는 동안 해당 비율에 고정됩니다. 삼등분 그리드 오버레이가 구성을 도와줍니다.
JPG(작고 손실, 사진에 최적), PNG(무손실, 날카로운 가장자리가 있는 그래픽에 최적), 또는 WebP(동일 품질에서 JPG보다 작음)를 선택하세요. JPG 및 WebP의 경우 품질 슬라이더를 드래그하세요; PNG는 항상 무손실입니다.
자르기 다운로드를 클릭하세요. 브라우저는 원본 해상도 이미지에서 잘린 영역을 정확히 자르기의 픽셀 크기로 새 캔버스에 그린 후, 인코딩하고 파일 이름에 크기가 포함된 다운로드를 트리거합니다.
1. 새로운 Image()로 소스 파일을 디코딩합니다 — 브라우저는 JPG/PNG/WebP/GIF/BMP/AVIF를 기본적으로 처리합니다. 2. 소스를 <img>를 통해 렌더링하며, 비율 고정 컨테이너 안에서 object-fit: contain을 사용합니다. 3. 자르기 사각형은 소스 해상도 픽셀(x, y, w, h)로 저장되며, 미리보기 픽셀은 아닙니다. 4. 드래그/크기 조정 시, 포인터 델타는 source.width / preview.width로 스케일링되어 미리보기 → 소스를 매핑합니다. 5. 내보내기 시, 새 캔버스에 그립니다: ctx.drawImage(img, x, y, w, h, 0, 0, w, h). 6. canvas.toBlob(format, quality)를 통해 인코딩하고 다운로드를 트리거합니다.
소스 해상도 좌표(미리보기 좌표가 아닌)에 크롭을 저장하는 것이 핵심 세부 사항입니다. 이는 출력이 크롭된 영역에서 원본 파일만큼 선명하다는 것을 의미하며, 재샘플링이 없습니다. 미리보기는 페이지 너비에 따라 자유롭게 스케일할 수 있으며, 크롭 사각형도 시각적으로 함께 스케일하지만, 기본 숫자는 항상 소스 공간에 있습니다. drawImage의 9-인자 형태는 특정 소스 사각형을 동일한 크기의 대상 캔버스에 가져올 수 있게 하여 크롭된 영역의 1:1 픽셀 복사본을 생성합니다.
| 목표 | 추천 프리셋 |
|---|---|
풍경 사진에서 정사각형 인스타그램 게시물 | IG 게시물 선택 (1:1). 사각형을 드래그하여 주제를 안전 영역에 유지하세요 — 인스타그램의 UI는 모서리의 일부를 오버레이합니다. 1:1은 대부분의 풍경 사진에서 타이트하게 보입니다 — 더 구성적으로 여유 있는 초상 크롭을 위해 4:5를 고려하세요. |
풍경 비디오 스틸에서 수직 스토리 또는 릴 | IG 스토리 선택 (9:16). 주제에 집중할 수 있도록 크롭 크기를 조정하세요 — 수직 구성은 일반적으로 측면을 잃어야 합니다. 9:16은 릴, TikTok, YouTube Shorts 및 Snapchat에도 해당합니다. |
1280×720의 16:9 YouTube 썸네일 | YouTube 선택 (16:9). 주위에 타이트한 크롭을 드래그하고 90+ 품질로 JPG로 다운로드하세요. 소스가 1280×720보다 작으면 크롭이 업스케일되지 않습니다 — 썸네일을 위해 더 높은 해상도의 소스를 사용하세요. |
트위터 게시물 또는 링크드인 공유 이미지 | 트위터 선택 (16:9). 텍스트 안전 여백으로 구성하세요; 두 플랫폼 모두 서로 다른 표면에서 약간 크롭할 수 있습니다. 16:9는 대부분의 데스크탑 블로그 히어로 이미지에도 적합합니다. |
더 넓은 샷에서 프로필 / 아바타 | 1:1 선택, 얼굴을 중심으로 타이트한 크롭을 드래그하세요. 아바타가 투명 UI에 오버레이될 경우 PNG로 내보내세요. 대부분의 플랫폼은 아바타를 원형으로 추가로 크롭합니다 — 주제를 모서리에서 멀리 두세요. |
페이스북 페이지 커버 사진 | FB 커버 선택 (820×312 비율). 왼쪽 하단의 페이지 정보 오버레이와 오른쪽 하단의 프로필 사진 오버레이에 유의하세요. 페이스북은 모바일용으로 커버 사진을 다시 렌더링합니다 — 초점이 중앙에 오도록 유지하세요. |
더 큰 디지털 파일에서 4×6 인쇄 사진 | 3:2 선택. 구성한 후 고품질로 PNG 또는 JPG로 내보내고 인쇄소에 보내세요. 3:2는 35mm 카메라의 기본 비율이기도 하며 — 풍경과 초상 모두 작동합니다. |
마지막 업데이트: