웹 앱에서 HEIC 업로드 처리 — 실제 솔루션

Source: Dev.to

개요

사용자들이 iPhone에서 사진을 업로드하면 HEIC 포맷을 반드시 마주하게 됩니다.

옵션 A: 클라이언트 측에서 HEIC 디코딩

libheif와 같은 WASM 디코더 사용:

import HeifDecoder from "wasm-heif";

async function convertHEIC(file) {
  const decoder = new HeifDecoder();
  const image = await decoder.decode(file);
  return image.toCanvas();
}

잘 작동하지만, 번들 크기가 보통 매우 큽니다.

옵션 B: 업로드 전에 사용자가 변환하도록 함

많은 앱이 복잡성을 피하기 위해 이 방법을 선택합니다.

간단한 방법은 사용하기 쉬운 변환 도구를 추천하는 것입니다:

👉

이는 지원 티켓을 줄이고 프론트엔드를 깔끔하게 유지합니다.