이미지 확장자 차이 (JPG vs PNG vs WEBP)

블로그, 홈페이지, SNS에 이미지를 올리다 보면 JPG, PNG, WEBP 중 뭘 써야 할지 고민될 때가 많습니다.

이번 글에서는 각 이미지 확장자의 특징과 어떤 상황에서 어떤 포맷이 가장 좋은지 쉽게 정리해드립니다.

---

이미지 확장자란?

이미지 확장자는 사진 파일이 어떤 방식으로 저장·압축되는지를 의미합니다.

같은 사진이라도 확장자에 따라 용량, 화질, 투명 배경 지원 여부가 달라집니다.

---

JPG (JPEG) 특징

• 가장 많이 사용되는 이미지 포맷
• 용량이 작음
• 사진에 최적화
• 투명 배경 불가

추천 용도
블로그 사진, SNS 업로드, 일반 촬영 사진

---

PNG 특징

• 무손실 압축 (화질 손상 거의 없음)
• 투명 배경 지원
• 용량이 큼

추천 용도
로고, 아이콘, 캡처 이미지, 투명 배경 필요할 때

---

WEBP 특징

• 구글에서 만든 최신 이미지 포맷
• JPG보다 용량 작음
• PNG처럼 투명 배경 지원
• 웹사이트 속도 개선에 유리

추천 용도
티스토리·워드프레스 블로그, 웹사이트 이미지 최적화

---

JPG vs PNG vs WEBP 비교표

구분	JPG	PNG	WEBP
용량	작음	큼	매우 작음
화질	좋음 (압축)	아주 좋음	좋음
투명 배경	X	O	O
웹 최적화	보통	낮음	매우 좋음

---

어떤 확장자를 써야 할까?

• 사진 위주 → JPG
• 로고·캡처·투명 배경 → PNG
• 블로그·웹사이트 속도 최적화 → WEBP

---

마무리

이미지 확장자만 잘 선택해도 페이지 로딩 속도와 용량 관리가 훨씬 쉬워집니다.

특히 티스토리 블로그를 운영 중이라면 WEBP 포맷 활용을 적극 추천드립니다.