Next.js + Supabase 조합에서 이미지 업로드 최적화 방법?

프로젝트 제출 화면에 스크린샷 업로드를 붙이는 중입니다. 원본 이미지를 그대로 올리면 모바일에서 업로드 실패가 많고, 리사이징을 클라이언트에서 할지 서버 큐로 넘길지 고민입니다.

현재는 Supabase Storage에 직접 업로드하고 DB에는 URL만 저장합니다. 이미지가 커질수록 미리보기 로딩이 느려지고, 여러 장을 동시에 올릴 때 실패율이 올라갑니다.