브라우저 기반 이미지 자르기 도구의 작동 원리
이미지 자르기 도구는 사용자가 업로드한 이미지에서 특정 영역을 선택하여 추출하고, 회전 및 뒤집기 등의 방향 조정을 거쳐 원하는 형식으로 저장할 수 있는 도구입니다. 이 도구는 JPEG, PNG, WebP, HEIC 형식의 이미지 파일 1개를 입력받아 처리합니다.
이미지를 불러오기 전에는 화면에 "이미지를 선택하거나 여기에 드래그하세요"라는 문구와 함께 "JPEG, PNG, WebP 또는 HEIC 이미지 1개"라는 안내가 표시됩니다. 사용자가 파일을 선택하면 "이미지 여는 중…"이라는 메시지가 나타나며 이미지를 분석합니다. 만약 선택한 파일이 이미지가 아니거나 손상된 경우 "이 파일을 이미지로 열 수 없습니다. 파일이 손상되었거나 비어 있거나 올바른 이미지가 아닐 수 있습니다"라는 오류 메시지가 출력됩니다. 지원하지 않는 파일 형식을 불러오려고 시도하면 "JPEG, PNG, WebP 이미지 형식만 지원됩니다"라는 경고가 표시됩니다. 이미지를 선택하지 않은 상태에서 작업을 시도하면 "먼저 JPEG, PNG 또는 WebP 이미지를 선택해 주세요"라는 안내가 나타납니다.
다양한 자르기 모양 및 비율 설정 규칙
이 도구는 세 가지 자르기 모드를 제공합니다. 각 모드에 따라 선택 상자의 동작 방식과 출력 형식이 다르게 제어됩니다.
- 자유 비율: 사용자가 원하는 크기의 직사각형으로 자유롭게 조절할 수 있는 모드입니다. 선택 상자를 드래그하여 이동하거나 모서리 조절 핸들을 드래그하여 크기를 변경할 수 있으며, 방향키를 사용하여 미세하게 위치를 조정할 수도 있습니다.
- 고정 비율: 이 모드를 선택하면 화면 비율 옵션을 선택할 수 있는 패널이 활성화됩니다. 제공되는 비율 옵션은 "원본 비율", "정사각형 (1:1)", "1:1", "4:3", "3:4", "3:2", "2:3", "16:9", "9:16"입니다. 이 모드에서는 선택 상자를 이동하거나 크기를 조절할 때 지정된 비율이 엄격하게 유지됩니다.
- 원형: 선택 영역이 원형으로 고정되는 모드입니다. 원형 자르기를 선택하면 원 바깥쪽 모서리 영역을 투명하게 처리해야 하므로, 출력 형식이 자동으로 PNG로 설정되며 JPEG 형식은 비활성화됩니다. 원형 자르기 결과물은 투명도를 지원하는 PNG 또는 WebP 형식으로 저장되어 모서리가 투명하게 유지됩니다.
이미지 파일 형식과 압축 방식의 특징
자르기 도구는 원본 이미지의 픽셀 정보를 그대로 유지하면서 작업을 수행합니다. 출력 시에는 원본 형식을 유지하는 것이 기본 규칙이지만, 입력 및 출력 형식에 따라 다음과 같은 세부 규칙이 적용됩니다.
| 입력 형식 | 기본 출력 형식 | 선택 가능한 출력 형식 | 압축 특성 |
|---|---|---|---|
| JPEG | JPEG (원본 유지) | JPEG, PNG, WebP | JPEG/WebP 저장 시 화질 조절 가능 |
| PNG | PNG (원본 유지) | JPEG, PNG, WebP | PNG 저장 시 무손실 압축 적용 |
| WebP | WebP (원본 유지) | JPEG, PNG, WebP | WebP 저장 시 화질 조절 가능 |
| HEIC | JPEG | JPEG, PNG, WebP | 브라우저에서 변환 후 저장 |
HEIC 형식의 경우 브라우저 내에서 이미지 파일이 열린 후 자르기 작업을 거쳐 JPEG, PNG, WebP 형식 중 하나로 변환하여 저장할 수 있습니다. JPEG와 WebP 형식으로 저장할 때는 사용자가 슬라이더 등을 통해 화질을 직접 제어할 수 있는 반면, PNG 형식은 데이터 손실이 없는 무손실 방식으로 저장됩니다.
자르기 실행 및 결과물 출력
사용자가 선택 상자와 회전 및 뒤집기 도구를 이용해 편집을 마친 후 작업을 실행하면 "자르는 중..."이라는 상태 메시지가 표시됩니다. 자르기 작업이 성공적으로 완료되면 "이미지가 잘렸습니다. 아래에서 다운로드하세요"라는 안내와 함께 결과물이 제공됩니다. 만약 처리 과정에서 오류가 발생하면 "자르기에 실패했습니다. 다른 이미지나 출력 형식을 시도해 주세요"라는 메시지가 나타납니다.
출력 단계에서는 결과물의 메타데이터가 화면에 표시됩니다. 사용자는 현재 선택된 영역의 크기를 나타내는 "선택 영역: {w} × {h} px" 정보와 최종 출력물의 가로세로 해상도, 파일 포맷, 파일 크기를 나타내는 "{w} × {h} · {type} · {size}" 정보를 실시간으로 확인할 수 있습니다.
브라우저 내 로컬 프로세싱과 개인정보 보호
이 도구의 모든 이미지 처리 작업은 외부 서버를 거치지 않고 사용자의 웹 브라우저 내부에서 직접 실행됩니다. 사용자가 선택한 이미지 파일은 BroBroGo 서버로 업로드되지 않으며, 로컬 환경에서 즉각적으로 연산이 이루어지기 때문에 데이터 전송으로 인한 대기 시간이 없고 개인정보가 외부로 유출되지 않습니다.
자주 묻는 질문 (FAQ)
Q. 어떤 이미지 형식을 자를 수 있나요? A. JPEG, PNG, WebP 및 iPhone HEIC 파일을 지원합니다. 기본적으로 원본 형식을 유지하여 저장하며(HEIC는 JPEG로 저장됨), 원하시는 경우 JPEG, PNG, WebP 중 하나를 직접 지정할 수도 있습니다.
Q. iPhone HEIC 사진도 자를 수 있나요? A. 네, 가능합니다. HEIC 또는 HEIF 사진을 추가하면 브라우저에서 바로 열리며, 자른 후 JPEG, PNG 또는 WebP 형식으로 저장할 수 있습니다.
Q. 원형 자르기는 어떻게 작동하나요? A. 선택 영역의 중앙에서 원형으로 이미지를 잘라내어 PNG(또는 WebP) 파일로 저장합니다. 원 바깥쪽 모서리는 투명하게 처리되므로 어떤 배경 위에든 자연스럽게 얹어 사용할 수 있습니다.
Q. 고정된 화면 비율로 자를 수 있나요? A. 네, 가능합니다. 1:1, 4:3, 16:9 등의 비율을 선택하면 선택 상자의 비율이 고정된 상태로 크기를 조절하거나 이동할 수 있어 프로필 사진, 썸네일, 커버 이미지 제작 시 매우 편리합니다.
Q. 이미지를 자르면 화질이 저하되나요? A. 잘라낸 영역은 원본 픽셀 화질을 그대로 유지합니다. JPEG나 WebP로 저장할 때는 사용자가 직접 화질을 조절할 수 있으며, PNG로 저장하면 화질 손실 없이 무손실로 저장됩니다.