ブラウザ完結

MIMEタイプ・Content-Type 早見表

拡張子から MIME タイプ(Content-Type)をすぐ引けます。mp4 は video/mp4、zip は application/zip、pdf は application/pdf。 画像・動画・音声・文書・アーカイブ・フォントを網羅。下の欄で絞り込み、クリックでコピーできます。

拡張子 ⇄ Content-Type58
画像
拡張子Content-Type(クリックでコピー)
pngimage/png
jpg / jpegimage/jpeg
gifimage/gif
webpimage/webp
svgimage/svg+xml
avifimage/avif
bmpimage/bmp
icoimage/x-iconimage/vnd.microsoft.icon も使われる
tiff / tifimage/tiff
heicimage/heic
動画
拡張子Content-Type(クリックでコピー)
mp4video/mp4
webmvideo/webm
movvideo/quicktime
avivideo/x-msvideo
mkvvideo/x-matroska
m4vvideo/x-m4v
ogvvideo/ogg
tsvideo/mp2t
音声
拡張子Content-Type(クリックでコピー)
mp3audio/mpeg
wavaudio/wavaudio/x-wav・audio/vnd.wave も見かける
oggaudio/ogg
m4aaudio/mp4
aacaudio/aac
flacaudio/flac
webaaudio/webm
mid / midiaudio/midi
文書・オフィス
拡張子Content-Type(クリックでコピー)
pdfapplication/pdf
docapplication/msword
docxapplication/vnd.openxmlformats-officedocument.wordprocessingml.document
xlsapplication/vnd.ms-excel
xlsxapplication/vnd.openxmlformats-officedocument.spreadsheetml.sheet
pptapplication/vnd.ms-powerpoint
pptxapplication/vnd.openxmlformats-officedocument.presentationml.presentation
rtfapplication/rtf
odtapplication/vnd.oasis.opendocument.text
アーカイブ・圧縮
拡張子Content-Type(クリックでコピー)
zipapplication/zip
gzapplication/gzip
tarapplication/x-tar
7zapplication/x-7z-compressed
rarapplication/vnd.rar
bz2application/x-bzip2
xzapplication/x-xz
テキスト・コード
拡張子Content-Type(クリックでコピー)
txttext/plain
html / htmtext/html
csstext/css
js / mjstext/javascript旧来は application/javascript
jsonapplication/json
xmlapplication/xmltext/xml も可
csvtext/csv
mdtext/markdown
yaml / ymlapplication/yaml
wasmapplication/wasm
フォント
拡張子Content-Type(クリックでコピー)
wofffont/woff
woff2font/woff2
ttffont/ttf
otffont/otf
eotapplication/vnd.ms-fontobject
その他
拡張子Content-Type(クリックでコピー)
(不明・任意のバイナリ)application/octet-stream判別できないときの既定。ダウンロードを促す

Content-Type はなぜ大事か

Content-Type は、サーバーが「このデータは何か」をブラウザに伝える HTTP ヘッダです。 これを間違えると、動画が再生されずダウンロードになったり、逆に危険なファイルがインラインで開いたりします。 アップロードを受ける側も、拡張子や Content-Type を鵜呑みにせず、先頭バイト(マジックバイト)で 実体を確かめるのが安全です。

拡張子と中身が食い違うファイルや、シグネチャを壊したファイルで挙動を試したいときは 壊れたファイルを、実際に各 Content-Type で配られる ダミーファイルが欲しいときは テストファイルをどうぞ。

ヘッダの指定例

動画をインライン再生させる
Content-Type: video/mp4
ZIP をダウンロードさせる
Content-Type: application/zip / Content-Disposition: attachment

よくある質問

mp4 の Content-Type(MIME タイプ)は何ですか?

mp4 の MIME タイプは video/mp4 です。動画配信やアップロードのレスポンスヘッダには Content-Type: video/mp4 を指定します。webm は video/webm、mov は video/quicktime です。

zip の Content-Type は何ですか?

zip の MIME タイプは application/zip です。ダウンロードさせる場合は Content-Type: application/zip に加えて Content-Disposition: attachment を付けます。

MIME タイプが分からない・判別できないときは?

判別できない任意のバイナリには application/octet-stream を使います。これはブラウザに「表示せずダウンロードして」と伝える既定値です。拡張子ではなく先頭バイト(マジックバイト)で判定するのが確実です。

js の Content-Type は text/javascript ですか application/javascript ですか?

現在の標準(IANA・HTML仕様)では text/javascript が推奨です。application/javascript も長く使われてきましたが、新しく指定するなら text/javascript が無難です。

ほかのツール