MIMEタイプ確認ツール

Webサイトで画像が表示されない、APIのJSONが正しく読み込まれない、PDFがブラウザ表示ではなくダウンロード扱いになる。そうしたときは、ファイルやレスポンスのMIMEタイプ、Content-Typeの確認が必要になることがあります。

このツールでは、ファイルを選ぶ、拡張子を入力する、HTTPヘッダーを貼り付ける、という3つの方法で確認できます。PNG、JPEG、SVG、PDF、JSON、CSS、JavaScriptなど、よく使うファイル種別の確認に向いています。

手元のファイルのMIMEタイプを調べたい場合は、ファイルをドラッグ＆ドロップしてください。拡張子だけ確認したい場合は、「.json」「image.svg」「document.pdf」のように入力します。

サーバーやCDN、APIレスポンスのContent-Typeを確認したい場合は、開発者ツールやcurlで取得したHTTPヘッダーを貼り付けます。「Content-Type: application/json; charset=UTF-8」のような文字列から、MIMEタイプとcharsetを分けて確認できます。

Web制作では、SVGがimage/svg+xmlで配信されているか、CSSがtext/cssになっているか、JavaScriptが正しいContent-Typeで返っているかを確認したい場面があります。

API開発では、JSONレスポンスがapplication/jsonになっているか、文字化けの原因になりやすいcharsetが含まれているかを確認できます。S3、CDN、nginx、Apacheなどの配信設定を見直す前の切り分けにも使えます。

ファイルを選択した場合の確認処理は、ブラウザ内で行われます。選択したファイルをUtiLabのサーバーへアップロードしたり、保存したりしません。

登録不要で、PCでもスマホでもブラウザだけで使えます。大きなアプリを入れずに、手元のファイル種別やHTTPヘッダーのContent-Typeを軽く確認したいときに使いやすい構成にしています。

ファイルを選んでもMIMEタイプが空になる場合、ブラウザ側がそのファイル種別を判定できていない可能性があります。その場合は、拡張子やファイル名を入力して推定結果を確認してください。

URLのContent-Typeを直接取得する機能はありません。対象URLのヘッダーを確認したい場合は、ブラウザの開発者ツール、curl、サーバーログなどでHTTPヘッダーを取得し、その内容を貼り付けて確認してください。