⚙️ 기능 소개

XP Image Tools의 모든 기능을 자세히 소개합니다.

🖼️ 이미지 크기 변경

이미지 크기 변경은 XP Image Tools의 핵심 기능입니다. 업로드한 이미지를 원하는 픽셀 크기로 정확하게 변환할 수 있습니다. 단순한 크기 조절을 넘어, 고품질 리샘플링 알고리즘을 적용하여 최대한 선명한 결과물을 제공합니다.

지원 입력 형식

형식	전체 이름	특징	지원 여부
JPG / JPEG	Joint Photographic Experts Group	손실 압축, 작은 파일 크기, 사진에 적합	✅ 지원
PNG	Portable Network Graphics	무손실 압축, 투명 배경 지원, 그래픽에 적합	✅ 지원
WEBP	Web Picture Format	Google 개발, 높은 압축 효율, 최신 브라우저 지원	✅ 지원

크기 변경 옵션

• 가로/세로 픽셀 입력: 정확한 픽셀 값을 직접 입력할 수 있습니다. 최소 1px, 최대 8000px까지 지원합니다.
• 비율 유지: 체크박스를 선택하면 가로 또는 세로 중 하나만 입력해도 나머지 값이 자동으로 계산됩니다. 이미지가 왜곡되지 않습니다.
• 빠른 크기 선택: FHD(1920×1080), HD(1280×720), 800×600, VGA(640×480), 200×200 등 자주 사용하는 크기를 버튼 하나로 설정할 수 있습니다.
• 출력 형식 선택: 원본 형식 유지 또는 JPG, PNG, WEBP 중 선택하여 저장할 수 있습니다.
• 품질 조절: JPG, WEBP의 경우 압축 품질을 10~100% 범위에서 슬라이더로 조절할 수 있습니다.

고화질 처리 알고리즘

일반적인 이미지 리사이징은 한 번에 크기를 줄이는 방식을 사용합니다. 그러나 이 방법은 이미지가 크게 축소될 때 품질 저하가 발생할 수 있습니다. XP Image Tools는 단계적 리샘플링 (Stepwise Resampling) 방식을 적용합니다.

원본 크기가 목표 크기의 2배 이상일 경우, 여러 중간 단계를 거쳐 점진적으로 크기를 줄입니다. 각 단계에서 imageSmoothingQuality: 'high' 설정을 적용하여 최상의 품질을 유지합니다.

📦 이미지 최적화 (개발 중)

이미지 최적화는 원본 품질을 최대한 유지하면서 파일 크기를 줄이는 기능입니다. 웹사이트 로딩 속도 향상, 저장 공간 절약, 이메일 첨부 파일 크기 제한 등의 상황에서 매우 유용합니다.

형식별 최적화 전략

형식	압축 방식	적합한 용도	예상 절감율
JPG	손실 압축 (DCT 변환)	사진, 복잡한 색상의 이미지	50~80%
PNG	무손실 압축 (DEFLATE)	로고, 아이콘, 투명 배경	20~40%
WEBP	손실/무손실 선택 가능	웹 이미지 전반	60~90%

🖥️ 브라우저 처리 방식

XP Image Tools의 가장 큰 기술적 특징은 모든 이미지 처리가 사용자의 브라우저 내에서 완전히 이루어진다는 것입니다. 이미지 데이터가 서버로 전송되지 않습니다.

처리 흐름

사용된 브라우저 API

브라우저 호환성

브라우저	버전	Canvas	WEBP 출력	지원
Chrome / Edge	80+	✅	✅	✅ 완전 지원
Firefox	75+	✅	✅	✅ 완전 지원
Safari	14+	✅	✅	✅ 완전 지원
Samsung Internet	13+	✅	✅	✅ 완전 지원
Internet Explorer	11	✅	❌	⚠️ 부분 지원

🔒 개인정보 보호

XP Image Tools는 사용자의 개인정보 보호를 최우선으로 설계되었습니다. 이미지에는 가족 사진, 업무 문서, 개인 정보가 담긴 사진 등 민감한 내용이 포함될 수 있습니다. 이러한 이미지가 외부 서버로 전송되는 것은 심각한 개인정보 침해가 될 수 있습니다.

다른 온라인 도구와의 비교

항목	XP Image Tools	일반 온라인 도구
이미지 서버 전송	✅ 없음	❌ 서버 업로드 필요
개인정보 수집	✅ 없음	❌ 이메일 등 수집 가능
서버 저장	✅ 없음	❌ 일정 기간 서버 보관
회원가입	✅ 불필요	❌ 가입 필요 가능성
오프라인 사용	✅ 가능 (캐시 후)	❌ 인터넷 필수
처리 속도	✅ 즉시 처리	⚠️ 업로드 대기 시간

🚀 성능 최적화

XP Image Tools는 Core Web Vitals 지표를 고려하여 최적화되었습니다. 빠른 로딩, 안정적인 레이아웃, 반응성 있는 인터랙션을 목표로 개발되었습니다.

• 서드파티 라이브러리 없음: 외부 JavaScript 라이브러리를 사용하지 않아 초기 로딩이 빠릅니다.
• 비동기 처리: 이미지 변환 중 UI가 멈추지 않도록 requestAnimationFrame과 비동기 처리를 활용합니다.
• 메모리 관리: Object URL을 사용 후 즉시 revokeObjectURL()로 해제하여 메모리 누수를 방지합니다.
• 최소한의 CSS: 순수 CSS로 Windows XP 스타일을 구현하여 불필요한 렌더링 부하가 없습니다.
• 반응형 디자인: 모바일, 태블릿, 데스크탑 환경에서 모두 최적화된 화면을 제공합니다.

📐 이미지 크기 변경 상세 기능

이미지 크기 변경 도구는 단순한 리사이즈 이상의 기능을 제공합니다. 입력 가능한 최대 해상도는 8000×8000픽셀이며, 최소 1×1픽셀까지 자유롭게 조절 가능합니다.

• 비율 유지 (종횡비 고정): 체크 시 가로 값 변경만으로 세로 값이 자동 계산됩니다. 인물 사진, 제품 사진 등 비율을 유지해야 하는 경우에 유용합니다.
• 빠른 크기 선택: FHD(1920×1080), HD(1280×720), 800×600, VGA(640×480), 200×200 중 한 번에 선택 가능합니다.
• 다양한 출력 형식: 원본 유지, JPG, PNG, WEBP 중 선택 가능합니다.
• 품질 조절: JPG·WEBP 출력 시 10~100% 사이에서 품질을 세밀하게 조절할 수 있습니다.
• 파일명 자동 생성: 원본파일명-resized-가로x세로.확장자 형식으로 자동 생성되어 기존 파일을 덮어쓸 위험이 없습니다.

📦 이미지 압축 상세 기능

이미지 압축 도구는 파일 크기를 줄이면서도 화질 손실을 최소화하는 최적의 설정을 찾아줍니다.

• 자동 압축 모드: 목표 파일 크기(50KB~1MB)를 선택하면 이진 탐색 알고리즘이 최대 15회 반복을 통해 목표 크기에 가장 가까운 최고 품질을 자동으로 찾습니다.
• 수동 압축 모드: 품질 슬라이더로 직접 조절합니다. 동일한 원본으로 다양한 품질을 빠르게 비교 테스트할 수 있습니다.
• 실시간 절감률 표시: 압축 완료 후 원본 대비 몇 % 줄었는지 즉시 확인 가능합니다.
• PNG 지원: PNG는 무손실 압축 특성상 품질 설정 없이 그대로 저장됩니다.

🔄 이미지 형식 변환 상세 기능

이미지 형식 변환 도구는 서로 다른 세 가지 이미지 포맷 간의 변환을 지원합니다.

• JPG → PNG: JPG 이미지를 무손실 PNG로 변환합니다. 이후 투명 배경 편집을 위해 PNG 포맷이 필요한 경우 유용합니다.
• JPG → WEBP: 웹사이트에서 사용할 이미지를 WEBP로 변환하여 페이지 로딩 속도를 높입니다. 동일 품질 기준 JPG 대비 약 25~35% 파일 크기가 감소합니다.
• PNG → JPG: 투명 배경이 필요 없는 PNG 이미지를 JPG로 변환하여 파일 크기를 줄입니다. 투명 픽셀은 흰색 배경으로 변환됩니다.
• PNG → WEBP: 투명 배경을 유지하면서 파일 크기를 크게 줄일 수 있습니다. 아이콘, 로고, UI 에셋에 적합합니다.
• WEBP → JPG/PNG: WEBP를 지원하지 않는 환경을 위해 범용 포맷으로 변환합니다.

🖱️ 파일 입력 방법

세 가지 도구 모두 동일한 방식으로 이미지를 입력할 수 있습니다.

• 파일 선택 버튼: 버튼 클릭 후 탐색기/파인더에서 파일을 선택합니다.
• 드래그 앤 드롭: 파일 탐색기에서 이미지 파일을 드롭존으로 직접 드래그합니다. 직관적이고 빠릅니다.
• 클립보드 붙여넣기 (Ctrl+V): 스크린샷이나 다른 프로그램에서 복사한 이미지를 바로 붙여넣기할 수 있습니다. 스크린샷 처리에 매우 유용합니다.