JPG, PNG, GIF, WEBP, SVG

 

 

 

강의 필기

 

 

🌸 JPG(JPEG)

 

손실 압축 -> 용량은 적으나, 저장할수록 품질이 저하

표현 색상이 뛰어나 고해상도 표시장치에 적합 (24비트)

이미지 품질, 용량 조절이 쉬움

 

 

🌸 PNG

 

비손실 압축 -> 용량 축소 적음

8비트 / 24비트 동시 지원

Alpha Channel(투명도) 지원 ★

W3C 권장 포맷 ★

Gif의 대체 포맷으로 개발되었다

 

🌸 GIF

 

이미지 파일 내에 이미지 및 문자열 같은 정보들을 저장 가능

여러장의 이미지를 한 개의 파일에 담을 수 있음(움짤)

비손실 압축

8비트 컬러만을 지원

 

 

🌸 WEBP

 

JPG, PNG, GIF를 모두 대체할 수 있는 구글이 개발한 이미지 포맷

완벽한 손실/비손실 압축 지원

GIF 같은 애니메이션 지원

투명도 지원

브라우저 지원 부족

 

 

🌸 SVG

 

마크업 기반의 벡터 그래픽을 표현하는 포맷

해상도로부터 자유로움

CSS 스타일링

자바스크립트 이벤트 핸들링