Types of multimedia file

웹브라우저는 별도의 플러그인 없이도 다양한 멀티미디어 파일을 직접 재생할 수 있는 강력한 기능을 갖추고 있습니다.

주로 이미지, 오디오, 비디오의 세 가지 카테고리로 나뉘며, 각 파일 형식마다 용량과 화질, 호환성의 특징이 다릅니다.

---

1. 이미지 파일 (Images)

웹에서 가장 빈번하게 사용되는 멀티미디어 요소입니다.

• JPEG / JPG: 압축률이 뛰어나 사진 이미지에 주로 사용되지만, 투명 배경을 지원하지 않습니다.
• PNG: 무손실 압축 방식으로 화질이 선명하며, 투명 배경(Alpha Channel)을 지원합니다.
• GIF: 256가지 색상만 표현 가능하지만, '움짤'이라 불리는 간단한 애니메이션과 투명 배경을 지원합니다.
• WebP: 구글에서 개발한 차세대 포맷으로, JPEG와 PNG의 장점을 모두 가지면서도 용량은 훨씬 작습니다.
• SVG: 수학적 계산으로 그려지는 벡터 방식입니다. 아무리 확대해도 깨지지 않아 로고나 아이콘에 필수적입니다.

---

2. 오디오 파일 (Audio)

배경음악이나 효과음, 팟캐스트 등을 재생할 때 사용됩니다.

• MP3: 전 세계적으로 가장 널리 쓰이는 오디오 포맷이며, 모든 브라우저에서 완벽하게 지원합니다.
• AAC: MP3보다 압축 효율이 좋아 비슷한 용량에서 더 높은 음질을 제공합니다. 애플 기기에서 표준으로 사용됩니다.
• Wav: 압축하지 않은 원본 소리 파일로 화질은 가장 좋지만 용량이 매우 커서 웹에서는 제한적으로 사용합니다.
• Ogg: 오픈 소스 포맷으로 라이선스 걱정 없이 사용할 수 있는 표준 오디오 형식입니다.

---

3. 비디오 파일 (Video)

유튜브와 같은 영상 서비스를 가능하게 하는 핵심 포맷들입니다.

• MP4 (H.264): 현재 웹 비디오의 표준입니다. 고화질을 유지하면서 용량이 적고 거의 모든 브라우저와 기기에서 작동합니다.
• WebM: 구글이 만든 오픈 소스 비디오 포맷으로, 고성능 압축을 지원하며 로열티가 없어 현대 웹에서 권장됩니다.
• Ogg (Theora): 과거에 많이 쓰였으나 현재는 MP4와 WebM에 밀려 사용 빈도가 줄어드는 추세입니다.

---

💡 실무자의 시선

웹 성능 최적화의 핵심은 바로 이 멀티미디어 파일들의 '용량 관리'에 있습니다.

• 적응형 이미지: 사용자의 화면 크기에 맞춰 작은 이미지를 보낼지 큰 이미지를 보낼지 결정하는 전략이 필요합니다.
• WebP 우선 사용: 현재 모던 브라우저들은 대부분 WebP를 지원하므로, 기존 JPG/PNG를 WebP로 변환하여 적용하면 웹사이트 로딩 속도를 30% 이상 개선할 수 있습니다.
• 비디오 자동 재생의 제약: 사용자의 데이터를 보호하고 불쾌감을 주지 않기 위해, 브라우저는 보통 '음소거(muted)' 상태인 비디오만 자동 재생을 허용합니다.

---

웹에서 사용되는 다양한 미디어 파일의 특성을 이해하셨나요?

---