온라인 이미지 자르기, 원형 크롭 및 화면 비율 완벽 가이드
브라우저에서 무료로 이미지를 픽셀 단위로 정밀하게 자르는(크롭) 방법을 알아보세요. HTML5 캔버스를 통한 안전한 로컬 처리, 원형 프로필 이미지 제작, Mac에서 이미지 자르기, SNS용 JPG 자르기 및 리사이즈까지 완벽 지원합니다.
현대적인 브라우저 기반 이미지 크롭 툴이 필요한 이유
인스타그램 피드용 사진, 쇼핑몰 상품 썸네일, 유튜브 배너 제작, 문서 여백 정리 등 일상에서 이미지 자르기는 빈번하게 필요합니다. 기존 프로그램은 포토샵 같은 무거운 소프트웨어를 설치하거나 개인 사진을 클라우드 서버로 업로드해야 하는 불편함과 보안 위험이 있었습니다. 당사의 HTML 이미지 크롭 툴을 사용하면 서버 업로드 없이 사용자 기기 내부에서 사진을 즉시 자를 수 있습니다.
워터마크 없는 100% 무료 서비스로 1:1, 4:5, 16:9, 9:16 등 다양한 표준 비율을 고정할 수 있으며, 원형 크롭 모드를 통해 투명 배경의 원형 아바타 PNG 이미지를 간편하게 생성할 수 있습니다.
100% 브라우저 로컬 개인정보 보호
HTML5 Canvas 및 WebAssembly 기술을 통해 모든 처리가 기기 내부에서 이루어지며 파일이 서버로 전송되지 않습니다.
다양한 화면 비율 프리셋
인스타그램(1:1, 4:5), 유튜브(16:9), 스토리(9:16) 등 주요 비율을 원클릭으로 고정하거나 직접 픽셀을 입력할 수 있습니다.
원형 프로필 크롭 지원
카카오톡, 디스코드, 슬랙, 인스타그램 등 원형 프로필 사진에 맞추어 배경이 투명한 원형 PNG/WebP를 제작할 수 있습니다.
온라인에서 이미지 자르는 4단계 방법
누구나 쉽고 빠르게 고화질로 이미지를 자를 수 있는 단계별 안내입니다:
사진 업로드
JPG, PNG, WebP, HEIC 사진을 작업창에 드래그하거나 클립보드 붙여넣기(Ctrl+V / Cmd+V)를 사용합니다.
비율 또는 원형 크롭 선택
1:1(정사각형), 4:5(세로 피드), 16:9(와이드) 등 프리셋 비율을 선택하거나 원형 크롭을 활성화합니다.
자르기 영역 및 좌표 조절
핸들을 드래그하여 원하는 구도를 맞추거나 사이드바에서 정확한 픽셀 값을 입력합니다.
자른 이미지 다운로드
저장할 포맷(JPG, PNG, WebP)과 화질을 선택한 후 "다운로드" 버튼을 클릭합니다.
Mac에서 이미지 자르는 방법 (추천 3가지 방법)
macOS 환경에서 이미지를 간편하게 자르는 대표적인 방법들입니다:
방법 1: 웹 브라우저 툴 이용 (가장 빠르고 추천)
Safari나 Chrome에서 본 페이지를 열고 사진을 드래그하여 원하는 비율로 맞춘 뒤 즉시 저장합니다. 별도 앱 설치가 필요 없습니다.
방법 2: Mac 기본 "미리보기" 앱
이미지를 미리보기 앱으로 열고 마우스로 원하는 영역을 드래그하여 선택한 후 Command (⌘) + K 단축키를 누릅니다.
방법 3: Mac "사진" 앱
사진 앱에서 이미지를 열고 오른쪽 상단 "편집" > "자르기"를 누른 후 비율을 선택하여 저장합니다.
원형 크롭: SNS용 원형 프로필 이미지 만들기
카카오톡, 인스타그램, 슬랙, 디스코드 등 대부분의 플랫폼은 원형 프로필을 사용합니다. 본 툴은 1:1 정사각형 기반의 원형 마스크를 적용하여 원 바깥 영역을 투명하게 처리한 PNG/WebP 파일을 생성합니다.
다크 모드와 라이트 모드 모두에서 모서리 사각형 여백 없이 깔끔하게 표시되는 원형 아바타를 제작할 수 있습니다.
프로필 제작 팁:
원형 크롭 이미지는 배경 투명도를 지원하는 PNG 또는 WebP 형식으로 저장해야 바깥 배경이 하얗게 채워지지 않습니다.
HTML 이미지 크롭 및 캔버스 기술의 보안 우수성
기존 온라인 변환 사이트는 이미지를 원격 서버로 전송하므로 개인정보 유출 위험과 긴 업로드 대기 시간이 발생합니다.
당사의 HTML5 캔버스 엔진은 사용자 컴퓨터의 CPU/GPU에서 직접 연산하여 초고속 처리와 완벽한 오프라인 보안을 제공합니다.
JPG 자르기 및 리사이즈: 화질과 용량 최적화
JPG 이미지를 자르면 불필요한 영역이 제거되어 총 픽셀 수와 파일 용량이 자연스럽게 줄어듭니다.
자르기 후 당사의 이미지 압축 및 리사이즈 도구와 함께 사용하면 웹과 모바일에 최적화된 고화질 경량 이미지를 만들 수 있습니다.
SNS 및 용도별 권장 화면 비율과 해상도 표
각 플랫폼에 최적화된 화면 비율 및 크기 가이드입니다:
| 비율 | 권장 해상도 | 형태 | 주요 용도 | 대상 플랫폼 |
|---|---|---|---|---|
| 1:1 | 1080 × 1080 px | 정사각형 | 정사각형 게시물, 상품 썸네일 | 인스타그램, 페이스북, 카카오톡 |
| 원형 1:1 | 800 × 800 px | 원형 (투명 PNG) | 프로필 사진, 원형 아바타 | 카카오톡, 트위터, 디스코드, 슬랙 |
| 4:5 | 1080 × 1350 px | 세로형 포트레이트 | 피드 게시물 (화면 몰입도 극대화) | 인스타그램 피드 |
| 16:9 | 1920 × 1080 px | 와이드 가로형 | 유튜브 썸네일, 가로 배너 | 유튜브, 웹사이트 |
| 9:16 | 1080 × 1920 px | 세로 풀스크린 | 쇼츠, 릴스, 틱톡 전체 화면 | 틱톡, 인스타 릴스, 쇼츠 |
| 3:2 | 1800 × 1200 px | 클래식 사진 | DSLR 기본 사진, 인화용 | 사진 인화, 포트폴리오 |
| 2:3 | 1000 × 1500 px | 포스터형 | 세로 핀, 포스터, 표지 | 핀터레스트, 아마존 |
| 2:1 | 1200 × 600 px | 배너 | 상단 헤더 배너, 링크 카드 | 트위터 헤더, 오픈그래프 |
당사 이미지 자르기 도구 비교표
브라우저 기반 전용 스튜디오가 뛰어난 이유를 확인하세요:
| 구분 | Compress Image Size AI | 일반 클라우드 변환 사이트 | 어도비 포토샵 | OS 기본 앱 (미리보기 등) |
|---|---|---|---|---|
| 비용 및 라이선스 | 평생 100% 무료 | 일부 유료 / 이용 제한 | 고가의 월간 구독료 | 무료 (OS 기본 포함) |
| 개인정보 및 파일 전송 | 서버 업로드 없음 (100% 로컬) | 외부 서버로 사진 전송 | 로컬 (데스크톱 앱) | 로컬 (기본 앱) |
| 원형 투명 크롭 지원 | 지원 (원클릭 아바타 모드) | 지원 안 함 또는 유료 | 레이어 마스크 수동 제작 필요 | 지원 안 함 |
| 처리 속도 | 즉시 실행 (대기 시간 0초) | 느림 (업로드+변환+다운로드) | 프로그램 실행에 시간 소요 | 빠름 |
| 내보내기 포맷 | JPG, PNG, WebP 및 품질 조절 | 제한적인 포맷 | 모든 포맷 지원 | 기본 포맷만 지원 |
전문가가 알려주는 사진 크롭 및 구도 팁
더 돋보이는 이미지를 만들기 위한 전문 팁입니다:
삼분할 구도 활용하기
3×3 격자선의 교차점에 중심 인물이나 피사체를 배치하여 안정감 있는 구도를 연출하세요.
압축/리사이즈 전에 먼저 자르기
불필요한 주변 배경을 먼저 잘라내면 보존하고 싶은 중심 영역의 화질을 더 선명하게 유지할 수 있습니다.
원본 파일은 항상 보관하기
자르기 작업은 픽셀을 영구 삭제하므로 항상 원본과 다른 이름으로 저장하세요.
올바른 화면 비율 고정하기
사진을 강제로 늘리거나 왜곡하지 말고 목적에 맞는 화면 비율을 고정하여 자연스러운 크롭을 진행하세요.
함께 사용하기 좋은 무료 이미지 도구
자른 이미지를 더욱 최적화할 수 있는 관련 도구들입니다: