자주 쓰는 MIME 타입
서버와 업로드 폼은 이 문자열에 의존합니다. 잘못된 타입은 미리보기, 다운로드, CSP 오류로 이어질 수 있습니다.
| 종류 | MIME 타입 | 일반적인 확장자 |
|---|---|---|
| HTML | text/html | .html |
| CSS | text/css | .css |
| JavaScript | text/javascript | .js |
| JSON | application/json | .json |
| XML | application/xml | .xml |
| 일반 텍스트 | text/plain | .txt |
| CSV | text/csv | .csv |
| application/pdf | ||
| ZIP | application/zip | .zip |
| PNG | image/png | .png |
| JPEG | image/jpeg | .jpg |
| GIF | image/gif | .gif |
| WebP | image/webp | .webp |
| SVG | image/svg+xml | .svg |
| ICO | image/x-icon | .ico |
| MP3 | audio/mpeg | .mp3 |
| WAV | audio/wav | .wav |
| MP4 | video/mp4 | .mp4 |
| WebM | video/webm | .webm |
| WOFF2 | font/woff2 | .woff2 |
| URL 인코딩 폼 | application/x-www-form-urlencoded | — |
| 멀티파트 폼 | multipart/form-data | — |
참고
- 브라우저가 콘텐츠를 스니핑할 수 있어도 서버는 올바른 타입을 반환해야 합니다.
- JS의 공식 타입은 text/javascript입니다(application/javascript는 폐기 예정).
자주 묻는 질문
- .json 파일에는 어떤 MIME 타입을 써야 하나요?
- JSON 파일과 API 응답에는 application/json을 사용합니다. 표준 타입이며 가능하면 UTF-8로 반환하세요.
- .js 파일의 MIME 타입은 무엇인가요?
- JavaScript의 공식 MIME 타입은 text/javascript입니다. 오래된 application/javascript는 폐기되었으니 사용하지 마세요.
- SVG 이미지의 MIME 타입은 무엇인가요?
- SVG 파일은 image/svg+xml을 사용합니다. 이 타입으로 반환해야 브라우저가 SVG를 인라인으로 렌더링합니다.