확장자란?
확장자란 파일의 종류를 식별하기 위한 문자열이다. 이미지나 텍스트를 저장했을 때, 파일명의 우측에 표시되는 '.jpeg'나 '.txt' 등의 문자열이 그것이다.
이 확장자에 따라 파일을 열 수 있는 어플리케이션이 달라진다. 예를 들어 '.xlsx'는 엑셀, '.doc'는 워드, '.html'은 웹 페이지를 말한다. 이에 따라 어떤 어플리케이션으로 만들어졌는지 확인하고 자동적으로 그 어플리케이션을 구동하게 된다.
확장자에 대해 간단히 알아봤으니 프론트엔드 개발을 할 때, 자주 사용되는 이미지 파일의 확장자에 대해 알아보도록 하겠다.
이미지 파일의 확장자
이미지 파일의 확장자는 JPEG, GIF, PNG, TIFF, BMP 등 다양하게 존재하지만 가장 일반적으로 사용되는 JPEG, PNG, GIF를 대표적으로 알아보도록 하겠다.
1. JPEG
JPEG는 'Joint Photographic Experts Group' 의 약자이며 확장자는 '.jpg' 또는 '.jpeg' 이다.
JPEG는 풀컬러 1670만 색까지 다루는 것이 가능한 확장자이다. 이에 따라, 다양한 색을 필요로 하는 사진이나 그라데이션과 같이 색을 다양하게 변화하는 이미지의 보존에 적절하다.
이 확장자의 가장 큰 특징은 사이즈가 큰 이미지을 작은 사이즈로 바꾸는 것이 가능하다는 점이다. 사진에 찍히는 눈에 보이지 않는 색의 차이를 구분하고 정보량을 압축하여 가볍게 저장하기 위해서다.
2. PNG
PNG는 'Portable Network Graphics' 의 약자이며 확장자는 '.png' 이다. JPEG와 같이 풀컬러 1670만 색을 다루는 것이 가능하다.
PNG의 특징으로는 이미지를 투과하는 것이 가능하다. 하지만 JPEG와 비교하였을 때, 데이터의 용량이 무거운 경향이 있다.
3. GIF
GIF는 'Graphics Interchange Format'의 약자이며 확장자는 '.gif' 이다.
최대 256색으로 표현되기 때문에 로고나 아이콘, 버튼 등 간단한 일러스트 등의 색의 수가 적은 이미지에 주로 사용된다.
PNG와 마찬가지로 투과가 가능하고, JPEG와는 다르게 저화질로 저장해도 원래의 화질로 돌아가는 것이 가능하다는 특징이 있다.
GIF만의 가장 큰 특징으로는 애니메이션 이미지를 만드는게 가능하다는 점이다.
