올리브영 셔터 이미지 업로드 성능 개선기 - Githubissues

ecsimsw / daily-notes

val contents = myDailyNotes.filter { it.isPublic }

5 stars 0 forks source link

올리브영 셔터 이미지 업로드 성능 개선기 #46

Closed ecsimsw closed 1 month ago

ecsimsw commented 1 month ago

https://oliveyoung.tech/blog/2024-07-04/image-upload-speed-optimization/

ecsimsw commented 1 month ago

ASIS

TOBE

정리

순차 이미지 업로드 -> 병렬, Presigned url 으로 직접 업로드, 업로드 속도 향상
canvas API, OffscreenCanvas 를 사용하여 이미지 크기를 최적화하고, WebP 포맷으로 변환
WebP 포맷은 같은 화질을 유지하면서도 JPEG보다 파일 크기를 줄이는 데 효과적
Canvas API : 자바스크립트와 HTML을 사용하여 그래픽을 그릴 수 있다.