이미지 파일을 보면 JPG, PNG, WebP 등 다양한 이미지 형식이 있는데요. 최근에 SEO(검색엔진최적화)를 공부하면서 이미지도 중요하다는 걸 깨닫고 이미지 형식, 압축 등을 공부하면서 알게 된 내용을 정리해 봤습니다.
바로 시작할게요.
저는 JPG와 JPEG가 다른 줄 알았는데요. JPG와 JPEG 파일은 동일한 이미지 형식입니다. 초기 컴퓨터에서는 이미지 확장자 파일 이름 길이의 제약이 있었기 때문에 JPEG를 JPG로 줄여서 표기했다고 합니다. 즉, 기술적인 차이는 전혀 없는 동일한 이미지 형식입니다.!! 이 포스팅에서는 JPG
JPG와 PNG의 차이
JPG와 PNG는 파일 형식, 압축, 파일 크기 등에서 차이가 있는데요. 각 특징을 비교해보고 어떤 포맷을 사용하면 좋을지도 알아보고 마지막에는 이미지 형식을 변환하는 방법도 알아볼게요.
파일 형식 및 압축 방식
JPG와 PNG는 주로 이미지 파일을 저장할 때 많이 사용하는 포맷입니다. JPG는 "Joint Photographic Experts Group"의 약자로, 손실 압축 방식을 사용하여 파일 크기를 줄입니다. 이 과정에서 일부 이미지 데이터가 사라져 품질이 저하될 수 있습니다.
반면, PNG는 "Portable Network Graphics"의 약자로 무손실 압축 방식을 사용하여 원본 이미지의 품질을 완벽히 유지합니다.
파일 크기와 웹 사용
JPG는 손실 압축 덕분에 파일 크기가 작습니다. 이렇게 저장 공간을 효율적으로 활용할 수 있기 때문에 웹 사이트 로딩 속도도 빠르게 유지할 수 있습니다.
PNG는 파일 크기가 JPG보다 크지만, 이미지 품질을 유지해야 하는 경우에 적합합니다. 웹 그래픽을 구현할 때는 품질이 중요한 만큼, 어떤 포맷을 사용할지 신중하게 선택해야 합니다.
투명도 지원 여부
JPG 파일은 투명한 배경을 지원하지 않습니다. 대신에, 사진 저장이나 일반적인 이미지 공유에 적합합니다.
반면, PNG는 투명도를 지원하여 다양한 그래픽 디자인에서 필요로 하는 투명한 배경을 제공할 수 있습니다. 따라서 로고나 일러스트를 제작할 때는 PNG 형식이 더 유리합니다.
적합한 사용 용도
JPG는 고해상도의 사진을 저장하고 공유하기에 적합합니다. 예를 들어, 소셜 미디어에 이미지를 업로드하거나 웹사이트에 사진을 올릴 때 많이 사용됩니다. 반면, PNG는 로고, 아이콘, 그래픽 디자인 등에 적합합니다. 특히, 이미지 편집 후 품질을 유지해야 할 경우에는 PNG가 최적의 선택입니다.
JPG, PNG 변환 방법
그럼 JPG에서 PNG 혹은 PNG에서 JPG로 변환하는 방법을 알아보겠습니다.
이미지 변환할 수 있는 사이트가 굉장히 많은데 저는 iloveimg를 사용하는데요.
이미지 작업에 필요한 기능만 쓰기 편하게 제공하기 때문에 애용하고 있습니다.
위에 사진을 보시면 "툴 더보기 -> 변환"에서 JPG로 변환, JPG에서 변환 기능을 통해 이미지 형식을 쉽게 변환할 수 있습니다.
요약
JPG와 PNG의 장단점을 정리하자면 표로 다음과 같습니다.
포맷 | 장점 | 단점 |
PNG | 원본 이미지 품질 유지, 투명 배경 지원 | 파일 크기가 크다 |
JPG | 파일 크기가 작다, 다양한 색상 표현 가능 | 이미지 품질 저하 가능, 투명 배경 지원 안 함 |