이미지 파일 타입과 종류

 

1. JPG (Joint Photographic Experts Group)

- 사진 이미지를 위해 개발된 형식으로 손실 압축 기법을 사용.

- 여러 번 편집/저장을 반복하면 이미지 품질이 손상.

- 다양한 색상이 존재하는 사진에 사용 시 품질 저하가 눈에 띄지 않음.

 

 

2. GIF (Graphics Interchange Format)

- 무손실 압축 방식.

- 최대 256 색상 지원.

- 간단한 도형, 로고 등 색상이 적은 이미지를 지원할 때 적합.

- 애니메이션 지원(초당 20프레임을 넘어설 경우 브라우저 속도 저하 초래)

 

3. PNG (Portable Network Graphics)

- 무손실 압축 방식.

- GIF에 대체제로 등장.

- 8비트 256색, 24비트 트루컬러(1600만 색), 48비트 트루컬러를 지원.

- 이미지 안에 비슷한 색이 넓게 사용될 때 유리.

- 알파값 지원으로 부드러운 투명도 지원.

 

 

4. SVG (Scalable Vector Graphics)

- 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식

- 검색화, 목록화, 스크립트화가 가능. 압축 가능

- 픽셀 대신 라인과 곡선으로 이루어져 있음.

- 복잡한 계산일 때 더 많은 리소스 사용.

- 텍스트 편집기 등으로 수정 가능 (XML 형식)

- 인터넷 익스플로러 8 까지 지원하지 않음 (자바스크립트 라이브러리와 함께 개발하면 사용 가능)

 

 

 

참조

- https://ko.wikipedia.org/wiki/이미지_파일_형식

- http://webberstudy.com/html-css/html-1/image-format/

- https://mytory.net/archives/11338