동영상 사이즈 최적화 하기

웹 퍼포먼스 최적화/동영상 사이즈 최적화.md

@@ -0,0 +1,13 @@
+### 동영상 사이즈 최적화
+
+- 동영상 서비스가 메인이 아닌 단순한 디자인 적인 요소를 이용할 경우 이용하는 방법이다.
+
+- 이미지랑 비슷하게 webp같이 구글에서 개발한 webm이라는 포맷이 있다.
+
+- webm은 비교적 최근에 만들어진 포맷이며 호환이 안되는 환경도 존재하는데
+
+- <picture> 태그처럼 <video> 태그안에 <source> 태그를 여러개 이용하여 webm과 mp4같은 포맷을 동시에 이용해 환경에 따라 분기처리 할 수 있다.
+
+- 영상의 품질이 낮아지는 점을 최대한 방지하는 방안은 background-image로 dot를 씌운다면 조금은 회피 할 수 있다.
+
+- filter를 적용해 blur처리를 하는 방법도 있다. (메인 컨텐츠가 아닌 경우에 이용해보자)