拡張子・MIMEタイプ辞典

拡張子からMIMEタイプ(Content-Type)を、MIMEタイプから拡張子を引けます。IANAの登録とMDN「Common media types」に沿った値で、サーバー設定の書き方も出します。

ファイルの中身から形式を調べる

ファイルの先頭のバイト(マジックナンバー)を読んで形式を推定し、ブラウザが拡張子から判定した file.type と並べます。ファイルはアップロードされず、このブラウザの中で先頭の数百バイトだけを読みます。

PNG・JPEG・GIF・WebP・AVIF・HEIC・PDF・ZIP(docx/xlsx/epub)・MP4/MOV・MP3・WAV・OggやWOFF2など約30種類を判定できます。

JavaScriptは RFC 9239(2022年)で text/javascript が正式とされ、application/javascript などは古い表記になりました。x- で始まる値はIANAに登録されていない慣用の値です。

実際にどのタイプで配信されるかはサーバー(Apache・nginx・CDN)の設定で決まります。重要な用途では各サーバーの公式ドキュメントとIANAの「Media Types」一覧で確認してください。

拡張子・MIMEタイプ辞典でできること

Webサイトの公開やアップロード機能の実装で必要になる、拡張子とMIMEタイプ(Content-Type)の対応を調べる辞典です。約130件の値と、Apache(.htaccess)・nginxの設定例、ファイルの中身から形式を推定する機能があります。

使い方

  1. 「拡張子・MIMEタイプ・説明で検索」に拡張子(例:webp、.docx)、MIMEタイプの一部(例:image/)、日本語の説明(例:フォント)を入れます。
  2. 「すべて」「画像」「音声」「動画」「文書」「フォント」「Web」「アーカイブ」「その他」のボタンで分類を絞り込みます。
  3. 各行の「MIMEをコピー」でMIMEタイプをコピーします。「設定例」を押すと、右側(スマホでは一覧の上)にHTTPレスポンスヘッダー、.htaccess の AddType、nginx の mime.types に足す行が出ます。
  4. 「ファイルの中身から形式を調べる」でファイルを選ぶと、先頭のバイト(マジックナンバー)から推定した形式と、ブラウザが返す file.type、拡張子から辞典で引いた値を並べて表示します。

計算の仕組みと注意点

よくある質問

WebP画像のMIMEタイプは何ですか?

image/webp です。検索欄に「webp」と入れると表示され、「設定例」で .htaccess に書く AddType image/webp .webp も確認できます。

JavaScriptは application/javascript と text/javascript のどちらですか?

2022年のRFC 9239で text/javascript が正式とされ、application/javascript は古い表記になりました。.js と .mjs の行で確認できます。

xlsxやdocxのMIMEタイプが長くて覚えられません。

application/vnd.openxmlformats-officedocument.spreadsheetml.sheet のような長い名前です。検索欄に「xlsx」と入れて「MIMEをコピー」を押せば、そのまま貼り付けられます。

拡張子を変えただけのファイルを見分けられますか?

「ファイルの中身から形式を調べる」でファイルを選ぶと、中身から推定した形式とブラウザの判定を並べて表示し、食い違うときは注意を出します。ただし対応しているのは約50種類で、判定は目安です。