[이미지 파일] JPEG, PNG, GIF, WEBP, SVG 각각 언제 쓰면 좋을까?

• JPEG -> 이미지 용량이 커서 줄이고 싶을 때! (JPEG는 손실 압축, 8비트, 24비트 색상)
  
• PNG -> 이미지에 투명도가 필요할 때! (W3C 권장 포맷, 8비트, 24비트 색상)
  
• GIF -> 이미지에 애니메이션을 넣어야 할 때! (8비트 256개의 색상 뿐인 단점..)
  
• WEBP -> 브라우저에서 지원만 하면.... JPEG, PNG, GIF 대신! (구글이 개발했고 미지원 브라우저가 꽤 있다..)
  
• SVG -> 해상도에서 자유롭고 싶을 때, Css styling 또는 JavaScript Event Handling 하고 싶을 때! (벡터 기반, 코드 또는 파일로 사용 가능)