Image Cropper

Image Cropper

드래그로 자르고, 표준 화면비(1:1, 4:5, 16:9, 9:16, …)에 스냅하고, 회전 및 뒤집기, PNG / JPG / WebP로 내보내기. 모두 브라우저에서 — 업로드 없음, 가입 없음.

Instagram 정사각 게시물: 1:1. Instagram 세로 게시물: 4:5. Instagram / Facebook / TikTok / YouTube Stories: 9:16. YouTube 동영상 썸네일: 16:9 (최소 1280×720). X (Twitter) 게시물 이미지: 16:9 또는 1:1. LinkedIn 게시물: 1.91:1 (16:9에 가까움). DSLR / 휴대폰 카메라 사진: 3:2. 클래식 35 mm 또는 옛 디지털: 4:3.

네. 화면 위의 canvas는 표시용으로 축소되지만, 크롭 계산은 원본 좌표 공간(원본 픽셀) 위에서 이루어집니다. 다운로드를 클릭하면 내보내기 canvas는 원본의 크롭된 픽셀 크기와 정확히 동일하게 설정됩니다 — 화면 축소로 인한 품질 손실은 전혀 없습니다. 4000×3000 원본을 1000×1000 정사각형으로 잘라내면 1000×1000 이미지가 그대로의 품질로 저장됩니다.

이미지를 여기에 드롭하거나 클립보드에서 붙여넣기, 또는

실제 작업 흐름을 위해 만들어졌습니다

실제로 필요한 모든 사이즈, 실제로 사용할 모든 변환 — Photoshop이 필요 없습니다.

8개 핸들로 드래그 크롭

8개의 모서리 / 가장자리 핸들 중 어느 것이든 드래그해 크롭 박스 크기를 조절하거나, 박스 자체를 드래그해 위치를 옮기세요. 삼분할 격자 오버레이가 구도 잡기를 도와줍니다.

화면비 프리셋

1:1 (정사각형 / IG / 프로필), 4:5 (IG 세로), 9:16 (Stories / Reels / TikTok), 16:9 (YouTube), 3:2 / 2:3 (DSLR), 4:3 (클래식) 또는 자유 비율로 스냅합니다. 모서리 핸들은 크기를 조정하는 동안 잠긴 비율을 유지합니다.

회전 + 뒤집기

한 번의 클릭으로 90° 좌/우 회전과 좌우/상하 뒤집기를 수행합니다. 변환은 크롭 이전에 적용되므로 그려둔 박스가 그대로 정확하게 유지됩니다.

내보내기 시 형식 변환

PNG(무손실), JPG(품질 50–100% 슬라이더), WebP(최고 압축률, 동일한 시각 품질에서 JPG보다 약 30% 작음)로 저장하거나 원본 형식 그대로 유지하세요.

처음부터 프라이버시 중심

모든 바이트가 기기에 머무릅니다. 이미지는 브라우저에서 디코딩되고 canvas에서 잘라낸 뒤 canvas.toBlob으로 내보냅니다. DevTools → Network를 열어 보면 외부로 나가는 요청이 전혀 없는 것을 확인할 수 있습니다.

작고 빠르게

순수 JavaScript, 프레임워크 런타임 없음. 콜드 로드는 gzip 기준 25 KB 미만입니다. 4000 × 3000 픽셀 이미지를 잘라서 내보내는 데 200 ms도 걸리지 않습니다.

이미지를 자르는 방법

드롭부터 다운로드까지 네 단계.

  1. 1

    이미지 불러오기

    이미지 파일(JPG, PNG, WebP, AVIF, GIF, BMP)을 드롭존으로 끌어다 놓거나, 파일 선택을 클릭하거나, Ctrl/Cmd+V로 클립보드에서 붙여넣으세요. 이미지는 브라우저에서 로컬로 디코딩되며 — 어떤 것도 업로드되지 않습니다.

  2. 2

    화면비 선택 (또는 자유 모드)

    사용할 위치에 맞는 프리셋을 고르세요 — Instagram 정사각형은 1:1, IG 세로는 4:5, Stories / Reels / TikTok은 9:16, YouTube는 16:9, DSLR 형태의 사진은 3:2. 또는 "자유"를 유지해 임의의 비율로 작업하세요.

  3. 3

    드래그로 다듬기

    8개의 모서리 / 가장자리 핸들을 드래그해 크롭 박스 크기를 조절하거나, 박스 자체를 드래그해 위치를 옮기세요. 삼분할 격자 오버레이가 구도 잡기를 도와줍니다. 화면비를 잠그면 모서리 핸들이 비율을 자동으로 유지합니다. 원본이 거꾸로 되어 있거나 좌우가 반전되었다면 회전 / 뒤집기를 사용하세요.

  4. 4

    내보내기

    출력 형식을 고르세요 — 원본 형식 유지, PNG(무손실), JPG(품질 50–100% 슬라이더), 또는 WebP(동일한 시각 품질에서 JPG보다 작음)로 변환할 수 있습니다. 다운로드를 클릭하면 화면 위 미리보기와 무관하게 원본 해상도 그대로 저장됩니다 — 품질 손실이 없습니다.

디자이너, 소셜 미디어 매니저, 그리고 휴대폰 사진을 다루는 부모를 위한 도구

Photoshop을 여는 것보다 프라이버시 우선 브라우저 크로퍼가 나은 흔한 시나리오 네 가지.

소셜 미디어 게시물 사이즈

가로형 휴대폰 사진을 1:1 Instagram 게시물로 만들어야 하나요? 1:1로 스냅하고, 피사체를 가운데로 드래그한 뒤, 다운로드하세요. 4:5 세로, 9:16 Stories, 16:9 YouTube 프리셋이 나머지를 모두 덮습니다.

프로필 사진 크롭

대부분의 플랫폼은 1:1을 강제합니다. 정사각형으로 스냅하고 인물의 얼굴을 위쪽 1/3 지점에 두세요(완전 중앙보다 보기 좋습니다). 그런 다음 다운로드하세요. 결과물은 LinkedIn, Twitter / X, GitHub, Slack, Discord, 사내 인트라넷 모두에 잘 맞습니다.

제품 사진 정리

전자상거래 플랫폼은 일관된 비율을 원합니다 — Shopify, Etsy, Amazon, Shopee 모두 1:1 또는 4:5를 선호합니다. 휴대폰으로 찍은 사진을 일괄로 플랫폼이 요구하는 비율로 자르고, 삼분할 격자로 구도 일관성까지 맞추세요.

휴대폰 스크린샷 다듬기

휴대폰 스크린샷에는 상태 표시줄, 내비게이션 크롬, 앱 여백이 함께 들어옵니다. 스크린샷을 드롭하고, 콘텐츠만 남도록 크롭 박스를 드래그한 다음, PNG(무손실)로 저장하세요 — 재압축 아티팩트 없이 선명한 UI 스크린샷이 만들어집니다.

100% 비공개 — 브라우저에서 실행됩니다

사진과 스크린샷은 절대 기기를 떠나지 않습니다. DevTools → Network를 열어 보면 자르기, 변환, 다운로드 중에 외부로 나가는 요청이 전혀 없는 것을 확인할 수 있습니다.

  • 이미지 디코딩, canvas 렌더링, 회전 / 뒤집기, PNG / JPG / WebP 인코딩이 모두 사용자의 기기에서 JavaScript로 실행됩니다.
  • EXIF 메타데이터는 재인코딩 시 제거됩니다(이 또한 프라이버시 기능입니다 — 사진의 GPS 위치 정보는 내보내기 후에 살아남지 않습니다).
  • 로그인 없음, 이미지 콘텐츠에 대한 텔레메트리 없음, 서드파티 이미지 API 없음. 우리는 cookie 동의 상태용 cookie 하나와 언어 설정용 cookie 하나만 사용합니다.

관련 가이드

소셜 미디어 사이즈, 사진 구도, 이미지 프라이버시에 관한 엄선된 글들.

자주 묻는 질문

[플랫폼]에는 어떤 화면비를 사용해야 하나요?

Instagram 정사각 게시물: 1:1. Instagram 세로 게시물: 4:5. Instagram / Facebook / TikTok / YouTube Stories: 9:16. YouTube 동영상 썸네일: 16:9 (최소 1280×720). X (Twitter) 게시물 이미지: 16:9 또는 1:1. LinkedIn 게시물: 1.91:1 (16:9에 가까움). DSLR / 휴대폰 카메라 사진: 3:2. 클래식 35 mm 또는 옛 디지털: 4:3.

출력 해상도는 원본과 동일한가요?

네. 화면 위의 canvas는 표시용으로 축소되지만, 크롭 계산은 원본 좌표 공간(원본 픽셀) 위에서 이루어집니다. 다운로드를 클릭하면 내보내기 canvas는 원본의 크롭된 픽셀 크기와 정확히 동일하게 설정됩니다 — 화면 축소로 인한 품질 손실은 전혀 없습니다. 4000×3000 원본을 1000×1000 정사각형으로 잘라내면 1000×1000 이미지가 그대로의 품질로 저장됩니다.

휴대폰 사진이 가끔 옆으로 누워서 보이는 이유는?

휴대폰 카메라는 실제 픽셀을 회전시키는 대신 EXIF 방향 태그를 삽입합니다. 일부 브라우저(구형 Safari 포함)는 이를 자동으로 적용하지만, 그렇지 않은 브라우저도 있습니다. 이미지가 옆으로 보인다면 회전 버튼을 클릭하세요 — 크로퍼는 올바른 방향의 버전을 크롭과 내보내기에 사용합니다.

JPG를 자르면 다시 인코딩되어 품질이 떨어지나요?

네. JPG는 손실 형식이므로 canvas.toBlob('image/jpeg')를 통한 어떤 저장도 재인코딩을 수반합니다. 기본 품질은 92%로 설정되어 있어(대부분의 사진에서 원본과 시각적으로 구분되지 않음), 비트 단위로 완벽한 충실도가 필요하다면 출력 형식으로 PNG(무손실)를 선택하거나, 동일한 시각 품질에서 약 30% 더 작은 파일을 원한다면 WebP를 선택하세요.

어떤 것이라도 서버로 전송되나요?

아니요. 파일은 FileReader로 읽히고, 브라우저의 Image로 디코딩되어 canvas에 그려진 다음 canvas.toBlob으로 내보내집니다. 모든 단계가 기기 위의 JavaScript에서 일어납니다. DevTools → Network를 열어 보면 자르기나 다운로드 중에 외부로 나가는 요청이 전혀 없는 것을 확인할 수 있습니다. 우리는 cookie 동의 상태용 cookie 하나와 언어 설정용 cookie 하나만 사용하며, 그게 전부입니다.