よく使う 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 をインライン表示しません。