✂️
무료 이미지 자르기
드래그 선택, 선택적 화면 비율 제한(1:1, 16:9, 4:3 등), 삼분법 그리드, 다양한 형식 내보내기(JPEG, PNG, WebP)로 이미지를 자릅니다.
한 번 로드하면 오프라인에서도 작동
여기에 파일을 놓거나 클릭해서 선택하세요
JPG, PNG, WebP, HEIC, HEIF · 기기에서 처리됨
또는 Ctrl+V를 눌러 클립보드에서 붙여넣기
팁: Ctrl+V로 스크린샷을 붙여넣을 수 있습니다
파일이 기기를 떠나지 않습니다. 모든 처리는 브라우저에서 로컬로 이루어집니다.
주요 용도
- Instagram용 사진 자르기Instagram의 선호하는 가로 세로 비율로 자르기: 1:1(정사각형), 4:5(세로) 및 1.91:1(가로).
- 프로필 사진을 정사각형으로 자르기LinkedIn, Twitter, GitHub 또는 모든 소셜 미디어 플랫폼용 정사각형 프로필 사진을 만듭니다.
- YouTube 및 기사 썸네일 자르기YouTube 동영상 및 대부분의 블로그 히어로 이미지에서 사용하는 16:9 가로 세로 비율로 자르기
- 여권/신분증 사진 자르기여권, 비자 및 신분증 신청용 표준 2:3 세로 가로 세로 비율로 사진을 자르기
- 전자상거래 제품 사진 자르기Amazon, Shopify, Etsy 및 기타 마켓플레이스를 위한 제품 사진 가로 세로 비율 표준화
사용 방법
자르기는 HTML5 Canvas API를 사용해 전적으로 브라우저에서 이루어집니다. 업로드도 서버도 없습니다. 캔버스 요소에서 직접 선택 영역을 끌어 지정하고, 자르기를 적용하면 브라우저 내장 2D 렌더링 엔진이 선택한 픽셀만 읽어 JPEG, PNG 또는 WebP로 다시 인코딩합니다.
- 1이미지를 메모리에 로드파일은 URL.createObjectURL()로 읽혀 브라우저에 로컬 blob URL을 전달합니다. HTMLImageElement가 브라우저 탭 안에서 파일을 디코딩하며, 이미지 데이터는 기기를 떠나지 않습니다.
- 2Pointer Events로 자르기 영역 선택브라우저의 Pointer Events API(마우스, 터치, 펜 입력 통합)가 캔버스 오버레이에서의 끌기를 추적합니다. 선택 영역 밖을 누르면 새 사각형을 시작하고, 안쪽을 누르면 이동하며, 오른쪽 아래 모서리 근처를 누르면 크기를 조정합니다. 선택적 비율 프리셋(1:1, 16:9, 4:3 등)이 끄는 동안 모양을 제한합니다.
- 3Canvas가 실시간 미리보기를 그림자르기 영역이 바뀔 때마다 Canvas 2D 컨텍스트가 이미지를 다시 그리고, 선택 영역 밖에 어두운 오버레이를 적용하고, 자르기 영역은 원본 그대로 보이게 지우며, 3분할 격자와 청록색 크기 조정 핸들을 겹쳐 표시합니다.
- 4toBlob()이 결과를 인코딩하고 제공자르기를 클릭하면 정확한 자르기 크기의 새 화면 밖 캔버스가 만들어집니다. ctx.drawImage()가 선택한 사각형만 복사하고, canvas.toBlob()이 선택한 품질 설정으로 브라우저 기본 JPEG, PNG, WebP 인코더를 사용해 결과를 인코딩합니다. 출력은 다운로드용 로컬 blob URL로 전달됩니다.
이미지는 로컬 blob URL로 열려 브라우저 탭 안에서만 처리되며, 어떤 시점에도 서버에 업로드되지 않습니다.
관련 도구
사진 콜라주 메이커
간격, 둥근 모서리 및 소셜 종횡비 사전 설정이 있는 그리드 콜라주로 사진을 결합합니다. HD 내보내기, 계정 없음, 워터마크 없음.
시도해보기파일이 로컬에 유지됨
사진 슬라이드쇼 메이커
사진을 음악, 크로스페이드, 느린 줌 효과와 함께 MP4 슬라이드쇼로 만드세요. 16:9, 9:16 또는 정사각형, 최대 1080p. 브라우저에서 제작되며 사진은 업로드되지 않습니다.
시도해보기파일이 로컬에 유지됨
인용구 이미지 만들기
인용구를 공유할 수 있는 그림으로 바꾸세요. 작성자를 추가하고, 색상, 그라데이션 또는 직접 찍은 사진을 고르고, 글꼴과 크기를 선택한 다음 PNG를 다운로드하세요.
시도해보기