webp, svg

webp

- 장 : JPG, PNG, GIF 모두 대체할 수 있는 구글 개발 이미지 포맷.

- 단 : 크로스 브라우징이 어렵다.

지금은 무엇인지 정도만 이해하자.

 

svg

코드로된 SVG, 파일로된 SVG 확인 가능. 마크업 언어 기반 벡터 그래픽 포맷

CSS로 단순한 스타일링 가능 (간단하게 색상 변경이라던지..)

Javascript로 이벤트 핸들링 가능. (가능하다 정도만 이해하자.)

반응형이라던지 크로스 디바이스에 많이 사용된다.

일러스트 같은 것으로 만들어서 svg로 확장자로 만든다.

해상도에서 자유롭다.