인프런 커뮤니티 질문&답변

안녕하세요. 

현재 canvas를 이용해서 인터렉티브한 개인 포트폴리오용 웹사이트를 만들고 있는데 큰 도움이 되었습니다.

추가적으로 "이미지, 영상, 웹사이트 로드속도"에 대해 궁금한점이 있어 질문을 남겨봅니다.

정적인 이미지를 로드 할 때

- 카메라로 담긴 실제 사진은 jpg 또는 배경 상황에따라 png 로

- 일러스트로 만들어진 아이콘, 그래픽디자인은 svg 로 

업로드 하면 여러방면에서 괜찮다고 들었습니다.

<<<궁금한점은 gif animation처럼 짧은 모션디자인이나 영상 mp4 클립을 일반적으로 (인터렉티브 function 이 없는 경우) 어떤 방식으로 업로드해야 가장 효율적인지 입니다. >>>

최대 15초 가량되는 1920 x 1080 FHD 영상을 업로드 한다면 어떤  방법이 가장 효율적인지 궁금합니다.

포트폴리오 목적이기에, 많은 모션영상이 업로드 될 예정이고 처음부터 탄탄하게 웹사이트를 제작하고 싶습니다.

CANVAS vs HTML Video vs SVG (body Movin from after effects 또는 직접 만들기)

강좌에 포함된 파일에서 비교영상을 보았을 때, 인터렉티브한(예: 스크롤) function 을 적용 했을 경우 canvas가 더 효과적이라고 이해했습니다. 인터넷으로 리서치 해 본 결과도 이 분야에서는 대체적으로 canvas > svg > html mp4 로 이해하고 있습니다. 

<<< canvas의 단점은 오로지 svg 와 html mp4 에 비해 작업양이 더 많기 때문인가요? >>>

경험을 바탕으로 개인적인 의견 부탁드리겠습니다.

그리고 다시 한 번 좋은 강좌 감사합니다!