HEIC 파일 지원, 사용자 경험을 향상시키는 방법!
by DD
2년 전
조회수 3
HEIC 파일 업로드 시 확장자만 보고 판단하여 에러 발생.
파일 시그니처를 통해 HEIC 파일 여부를 감지하는 방법 제시.
heic2Any 라이브러리를 활용하여 HEIC → JPEG/PNG 변환 구현.
HEIC 파일 형식 감지 원리
파일의 시작 부분에 위치한 파일 시그니처를 통해 파일 형식을 감지한다. 구체적으로, HEIC 파일은 `ftypheic`와 같은 고유한 값을 가진다. 따라서 JavaScript를 사용하여 파일 시그니처를 확인하여 HEIC 여부를 판단한다.
HEIC → JPEG/PNG 변환 트레이드오프
HEIC 파일을 JPEG/PNG로 변환하는 과정은 CPU 자원을 많이 소모한다. 반면, heic2Any와 같은 라이브러리를 사용하면 변환 과정을 쉽게 구현할 수 있다. 따라서 성능 최적화를 위해 라이브러리 선택과 품질 설정에 주의해야 한다.
실제 서비스에 HEIC 지원 적용하기
사용자가 업로드하는 파일의 확장자가 아닌 파일 시그니처를 통해 실제 파일 형식을 검사해야 한다. 구체적으로, JavaScript 코드를 사용하여 HEIC 파일을 감지하고, heic2Any를 통해 JPEG/PNG로 변환한다. 따라서 이미지 업로드 기능을 개선하여 사용자 경험을 향상시킬 수 있다.
