알고 있는 이미지 포맷과 각 포맷별 특징을 알려주세요.
자주 활용되는 JPEG, PNG, WebP, SVG에 대해 설명드리겠습니다.
먼저 JPEG는 Joint Photographic Experts Group의 줄임말로, 손실 압축 방식을 사용하는 이미지 포맷입니다. 파일 크기를 효율적으로 줄일 수 있다는 장점이 있습니다. 하지만 이미지를 저장할 때마다 데이터가 손실되어 화질이 점점 나빠지는 현상이 발생한다는 단점이 있습니다. 이미지를 여러 번 편집하고 저장하는 과정을 반복하면 이미지 품질이 현저히 저하될 수 있습니다. 사진과 같이 복잡한 색상과 그라데이션이 있는 이미지에 적합한 이미지 포맷입니다.
PNG는 Portable Network Graphics의 줄임말로, 무손실 압축 방식을 사용하는 이미지 포맷입니다. PNG는 투명도를 지원하며, JPEG보다 파일 크기가 큰 편입니다. 회사 로고나 아이콘과 같이 선명한 텍스트나 투명 색상이 있는 이미지에 적합합니다.
WebP는 Google이 웹 환경을 위해 개발한 최신 이미지 포맷입니다. 손실/무손실 압축을 모두 지원하며 투명도도 지원합니다. JPEG나 PNG보다 더 나은 압축률을 제공하면서도 화질을 유지할 수 있어 웹 최적화에 적합합니다. 다만, WebP는 비교적 최신 포맷이기 때문에 지원하지 않는 브라우저가 존재합니다. 따라서 호환성 문제에 유의해야 합니다.
SVG는 Scalable Vector Graphics의 줄임말로, 벡터 기반의 이미지 포맷입니다. SVG는 XML 형식으로 이루어져 있습니다. 크기를 조절해도 이미지 품질 저하가 없고 파일 크기가 작다는 장점이 있습니다. 이미지의 형태가 복잡할 경우 XML 기반의 코드가 매우 길어져 파일 크기가 커지고 연산이 무거워진다는 단점이 있습니다. 주로 로고, 아이콘, 단순한 일러스트레이션에 사용됩니다.