웹 기술 기초
웹 페이지에서 사용하는 이미지 형식과 그 일반적인 사용법의 조합으로 적절한 것은?
- A배경을 투명하게 하고 싶은 로고: JPEG. 투명한 부분을 그대로 저장할 수 있다
- B풍경 사진: PNG. 무손실 압축이므로 사진에서는 JPEG보다 반드시 작아진다
- C회사 로고나 아이콘: SVG. 도형을 좌표와 식으로 나타내므로 확대해도 흐려지지 않는다
정답과 해설 보기
정답: C. 회사 로고나 아이콘: SVG. 도형을 좌표와 식으로 나타내므로 확대해도 흐려지지 않는다
JPEG는 손실 압축으로 사진을 작게 할 수 있지만 투명한 부분을 다룰 수 없습니다. PNG는 무손실 압축으로 투명도 다룰 수 있어 글자나 선이 선명한 이미지에 적합하지만, 사진에서는 일반적으로 JPEG보다 훨씬 커집니다. SVG는 도형을 XML 텍스트로 나타내는 벡터 형식이므로 어떤 크기에서도 매끄럽게 표시할 수 있어 로고나 아이콘에 적합합니다. WebP나 AVIF는 손실과 무손실 양쪽의 압축과 투명을 지원하며, 같은 화질이라면 JPEG나 PNG보다 일반적으로 작게 할 수 있는 형식입니다.