jpg

(Joint Photographic Experts Group)
정지 화상을 위해서 만들어진 손실 압축 방법 표준.
RGB 모드와 CMYK 모드 지원
.jpg, .jpeg, .jpe 등의 확장자를 사용

장점

웹상에서 이미지 정보를 전송할 때 가장 보편적으로 사용하는 파일 형식

24비트의 색상을 사용할 수 있어 다양한 이미지를 압축하는데 가장 효과적

파일 크기가 작음

단점

손실 압축 방법을 사용하기 때문에 문자나 선, 세밀한 격자와 같은 이미지의 변환 과정에서 gif나 png보다 품질이 나쁠 수 있음(압축률을 높이면 파일 크기와 이미지 품질은 반비례)

But 저장 품질을 높은 값으로 조정해주면, 압축 전 화질과 육안으로 구분되지 않을만큼의 화질을 유지할 수 있음

gif

(Graphics Interchange Format)
투명 이미지, 움직이는 이미지 지원
png 이전에 개발된 비손실 압축 파일 포맷

장점

그래픽을 압축하여 빠르게 전송하는 것이 목적

최대 256색까지 저장할 수 있는 비손실 압축 방법을 사용하며 배경이 투명한 이미지나 움직이는 이미지를 지원

클립아트나 단순한 컬러와 깔끔한 라인, 회색 또는 단색으로 된 드로잉 이미지에 적합함.

파일 크기가 작음

gif로 압축된 이미지 파일은 원본 이미지의 품질을 손상시키지 않으면서도 파일 용량을 원본의 40% 수준으로 줄일 수 있어 저장 장치의 공간을 절약할 수 있고, 네트워크 환경에서 보다 빠르게 이미지 데이터를 전송할 수 있음

단점

256가지 색만 저장이 가능하기 때문에 해당 이미지에 대한 색상정보가 많이 손실됨
---> 색상의 그라데이션이 자연스럽지 않고 계단 현상이 일어날 수가 있음

png

(Portable Network Graphics)
비손실 그래픽 파일 포맷.
gif와 jpg의 장점을 합침

장점

(기존에 사용하던 gif 파일 형식에는 저작권이 존재했기 때문에 압축 기술을 함부로 사용할 수 없었다.

그에 따라 gif를 대체하기 위해 png 포맷이 개발되었음)

png는 gif보다 압축률이 조금 더 높고 안티엘리어싱과 투명기능, 다른 비트 심도와 저장 방법 등 다방면에서 활용이 가능

다양한 색과 백그라운드를 지원하는 특성 덕분에 다른 백그라운드 위에 그래픽을 얹는 경우에 유용함.

8 bit 알파 채널을 사용해 파일의 투명한 정도를 정의할 수 있어 gif보다 부드러운 투명도를 지원하고, jpg보다 깔끔하게 저장됨

또한 온라인에 게시할 때도 텍스트와 로고를 선명하게 유지하므로,
소셜 미디어 표지 이미지에 적합하며 키 노트 또는 파워포인트용을 위한 고화질 그래픽, 온라인 사진 포트폴리오에 게시할 고품질 이미지 등에도 유용함.

---> 무손실 압축으로 이미지 디테일 손실이 전혀없고 고품질 이미지를 생성하기 때문에 웹에서 널리 사용되고 있음.

단점

인터넷 익스플로러 6 이하의 웹브라우저에서는 PNG 형식이 지원되지 않기 때문에 투명한 부분이 회색으로 처리될 수 있음

더욱 높은 화질로 저장하려면 하려면 jpg와 gif보다 다소 용량이 커짐

기타

BMP

(Bit Map)
제일 기본적인 이미지 파일로, 이미지 확장자 중에서 화질이 제일 선명함.

압축이 전혀되지 않아 용량을 많이 차지하며, 대부분 사이트에서 업로드를 제한하여 올리기 어려움.

참조
https://seo-apl.tistory.com/18
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=sinjoker&logNo=221205954968
https://coding-chobo.tistory.com/113