피드로 돌아가기
Dev.toInfrastructure
원문 읽기
AI 기반 Smart Crop 및 5가지 Fit 전략을 통한 이미지 처리 파이프라인 효율화
Image Crop API for Smart Cropping and Resizing
AI 요약
Context
다양한 디바이스 해상도에 대응하기 위한 이미지 Resizing 로직의 복잡성과 서버 유지보수 비용 발생. Sharp 라이브러리 도입이나 Docker 컨테이너 기반의 자체 서버 구축 시 발생하는 Edge Case 처리 및 인프라 관리 부담이 병목 지점으로 작용.
Technical Solution
- Serverless API 기반의 이미지 변환 레이어 구축을 통한 인프라 관리 오버헤드 제거
- Aspect Ratio 유지 및 공간 최적화를 위한 Cover, Contain, Fill, Inside, Outside 5가지 Fit Strategy 설계
- AI Object Detection 기반의 Smart Crop 도입으로 좌표 계산 없는 피사체 중심 크롭 구현
- Resize, Convert, Extend 등 다중 연산을 체이닝하는 Pipeline 구조를 통해 단일 API 호출로 최종 결과물 생성
- Client SDK를 활용한 Base64 버퍼 처리 및 MIME Type 자동 매핑으로 데이터 파싱 단순화
실천 포인트
1. 썸네일/카드 UI: 정해진 규격 충족을 위해 `cover` 전략 사용 및 인물 사진의 경우 `smart_crop` 결합 검토
2. 전체 이미지 노출: 원본 보존이 중요한 Preview/Lightbox 기능에 `contain` 전략과 Background Color `extend` 조합 적용
3. 업로드 제한: 저해상도 이미지의 Upscaling 방지를 위해 `inside` 전략을 통한 최대 해상도 캡핑 적용
4. 최소 해상도 보장: 고해상도 출력물이나 Print 워크플로우 대응을 위해 `outside` 전략 활용