이미지 포맷 요약 - 비트맵, 벡터 방식 / 손실 압축, 무손실 압축 / JPG, GIF, PNG, SVG

	비트맵/벡터 방식	손실/무손실 압축 포맷	특징
JPG(JPEG)	비트맵	손실	압축시 용량 줄일 수 있음
GIF	비트맵	무손실	색이 적어 품질 떨어질 수 있음
PNG	비트맵	무손실	투명도 표현 가능, 용량이 큼
SVG	벡터	무손실	확대,축소시 깨짐 없음, 애니메이션 가능

 

비트맵 방식

작은 픽셀이 모여 이미지를 만드는 형태. 확대하면 깨져보임

ex) JPG, GIF, PNG

벡터 방식

점과 선으로 이미지를 만드는 형태. 확대해도 깨지지 않음

ex) SVG

 

손실 압축

말 그대로 압축시 이미지 품질이 떨어지는 압축 방식

ex) JPG

무손실 압축

압축시 이미지 품질 손실이 없음

ex) GIF, PNG, SVG

 

JPG(JPEG)

손실 압축 포맷
압축시 용량 줄일 수 있음
비트맵 방식

GIF

무손실 압축 포맷
색상이 256가지로 적어 GIF로 변환시 품질이 떨어져 보일 수 있음
비트맵 방식

PNG

무손실 압축 포맷
투명도 표현 가능
용량이 크다
비트맵 방식

SVG

무손실 압축
확대, 축소시 깨짐 없음
XML로 작성되어서 애니메이션 만들 수 있음
벡터 방식