エンジニアの技術・コマンド早見表 (Ref.)

MIME Types チートシート

テキスト

  • text/plain 詳細 ↓

    プレーンテキスト

  • text/html 詳細 ↓

    HTMLドキュメント

  • text/css 詳細 ↓

    CSSスタイルシート

  • text/javascript 詳細 ↓

    JavaScript

  • text/csv 詳細 ↓

    CSVデータ

  • text/markdown 詳細 ↓

    Markdownテキスト

  • text/xml 詳細 ↓

    XMLデータ (Text)

アプリケーション

  • application/json 詳細 ↓

    JSONデータ

  • application/pdf 詳細 ↓

    PDFドキュメント

  • application/zip 詳細 ↓

    ZIPアーカイブ

  • application/gzip 詳細 ↓

    Gzipアーカイブ

  • application/xml 詳細 ↓

    XMLデータ

  • application/x-www-form-urlencoded 詳細 ↓

    Form URL Encoded

  • application/octet-stream 詳細 ↓

    バイナリデータ

マルチパート

  • multipart/form-data 詳細 ↓

    マルチパートフォームデータ

画像

  • image/png 詳細 ↓

    PNG画像

  • image/jpeg 詳細 ↓

    JPEG画像

  • image/gif 詳細 ↓

    GIF画像

  • image/webp 詳細 ↓

    WebP画像

  • image/svg+xml 詳細 ↓

    SVG画像

  • image/x-icon 詳細 ↓

    アイコン画像

音声

  • audio/mpeg 詳細 ↓

    MP3音声

  • audio/wav 詳細 ↓

    WAV音声

動画

  • video/mp4 詳細 ↓

    MP4動画

  • video/webm 詳細 ↓

    WebM動画

フォント

  • font/woff 詳細 ↓

    WOFFフォント

  • font/woff2 詳細 ↓

    WOFF2フォント

コードをクリックでコピー / 詳細へスクロール

詳細リファレンス

text/plain

プレーンテキスト

使用例

Content-Type: text/plain

解説

書式設定を含まない純粋なテキストデータです。文字コード以外の構造を持たないため、どのようなシステムでも読むことができる最も基本的な形式です。

text/html

HTMLドキュメント

使用例

Content-Type: text/html

解説

HTML文書(Webページ)であることを示します。ブラウザはこのタイプを受け取ると、テキストをWebページとしてレンダリングして表示します。

text/css

CSSスタイルシート

使用例

Content-Type: text/css

解説

CSSスタイルシートであることを示します。HTML文書のデザインやレイアウトを定義するためのファイル形式です。

text/javascript

JavaScript

使用例

Content-Type: text/javascript

解説

JavaScriptのソースコードであることを示します。以前は `application/javascript` も使用されていましたが、現在は `text/javascript` が正式な標準(RFC 9239)です。

text/csv

CSVデータ

使用例

Content-Type: text/csv

解説

カンマ区切り値 (Comma-Separated Values) 形式のデータです。表計算ソフトやデータベース間でデータをテキスト形式でやり取りする際によく使用されます。

text/markdown

Markdownテキスト

使用例

Content-Type: text/markdown

解説

Markdown記法で記述されたテキストデータです。GitHubのREADMEや技術ブログの原稿などで広く利用されている軽量マークアップ言語です。

text/xml

XMLデータ (Text)

使用例

Content-Type: text/xml

解説

人間が読むことを想定したXMLデータです。コンピュータ処理が主体の場合は `application/xml` が推奨されますが、RSSフィードなどでよく見られます。

application/json

JSONデータ

使用例

Content-Type: application/json

解説

JSON (JavaScript Object Notation) データの形式を示します。Web APIでのデータ交換フォーマットとして事実上の標準となっています。

application/pdf

PDFドキュメント

使用例

Content-Type: application/pdf

解説

Adobe Portable Document Formatです。環境に依存せず、文書のレイアウトやフォントを保持したまま表示・印刷できるドキュメント形式です。

application/zip

ZIPアーカイブ

使用例

Content-Type: application/zip

解説

ZIP形式で圧縮されたアーカイブファイルです。複数のファイルを一つのパッケージにまとめて配布や送信を行う際、最も一般的に利用される形式です。

application/gzip

Gzipアーカイブ

使用例

Content-Type: application/gzip

解説

Gzip形式で圧縮されたファイルです。Webサーバーが通信量を減らすためにHTTPレスポンスを圧縮する際や、Linux等のログ圧縮によく使われます。

application/xml

XMLデータ

使用例

Content-Type: application/xml

解説

XML (Extensible Markup Language) データです。Webサービス間の通信(SOAPなど)や設定ファイルなど、構造化データの交換に使用されます。

application/x-www-form-urlencoded

Form URL Encoded

使用例

Content-Type: application/x-www-form-urlencoded

解説

HTMLフォームからデータ送信時のデフォルトの形式です。キーと値を `key=value` の形式で連結し、特殊文字をパーセントエンコードして送信します。

application/octet-stream

バイナリデータ

使用例

Content-Type: application/octet-stream

解説

特定の形式が不明な、または指定されていない任意のバイナリデータです。ブラウザはこのタイプを受け取ると、通常は「ダウンロード」として処理します。

multipart/form-data

マルチパートフォームデータ

使用例

Content-Type: multipart/form-data

解説

ファイルのアップロードを含むフォーム送信で使用される形式です。リクエストボディを複数のパートに分割し、それぞれに異なるデータタイプを含めることができます。

image/png

PNG画像

使用例

Content-Type: image/png

解説

PNG (Portable Network Graphics) 画像です。可逆圧縮であり、透過(アルファチャンネル)をサポートしているため、Webアイコンやロゴなどに適しています。

image/jpeg

JPEG画像

使用例

Content-Type: image/jpeg

解説

JPEG画像形式です。不可逆圧縮によりファイルサイズを小さくできるため、写真などの色数が多くグラデーションを含む画像の表示に最適です。

image/gif

GIF画像

使用例

Content-Type: image/gif

解説

GIF画像形式です。最大256色という制限がありますが、単純なアニメーションをサポートしているため、短い動画クリップや簡易アニメーションによく使われます。

image/webp

WebP画像

使用例

Content-Type: image/webp

解説

Googleが開発した次世代画像フォーマットです。JPEGと同等の画質でよりファイルサイズを小さくでき、透過やアニメーションもサポートする万能な形式です。

image/svg+xml

SVG画像

使用例

Content-Type: image/svg+xml

解説

Scalable Vector Graphics形式です。拡大縮小しても画質が劣化しないベクター画像であり、アイコンやロゴ、図解などをWeb上で表示するのに最適です。

image/x-icon

アイコン画像

使用例

Content-Type: image/x-icon

解説

Windowsアイコン形式です。主にWebサイトのファビコン(favicon.ico)として使用されます。複数の解像度を1つのファイルに含めることができます。

audio/mpeg

MP3音声

使用例

Content-Type: audio/mpeg

解説

MP3音声ファイルです。高い圧縮率と互換性を持ち、音楽配信やポッドキャストなど、Web上での音声コンテンツ配信の標準として広く定着しています。

audio/wav

WAV音声

使用例

Content-Type: audio/wav

解説

WAV音声ファイルです。通常は非圧縮のリニアPCMデータを格納するため高音質ですが、ファイルサイズが非常に大きくなります。効果音などで使われます。

video/mp4

MP4動画

使用例

Content-Type: video/mp4

解説

MP4動画ファイルです。高い互換性と圧縮効率を持ち、PCやスマートフォン、ブラウザなど、ほぼすべての環境で再生可能な動画配信のデファクトスタンダードです。

video/webm

WebM動画

使用例

Content-Type: video/webm

解説

Googleが開発したWeb向けのオープンな動画形式です。高い圧縮効率を持ち、HTML5のvideoタグでロイヤリティフリーで使用できることを目的としています。

font/woff

WOFFフォント

使用例

Content-Type: font/woff

解説

Web Open Font Formatです。Webフォント専用に設計された形式で、圧縮されており高速にロードできます。現在ではより高圧縮なWOFF2への移行が進んでいます。

font/woff2

WOFF2フォント

使用例

Content-Type: font/woff2

解説

WOFFを改良し、Brotli圧縮アルゴリズムを採用することでさらにファイルサイズを削減した次世代Webフォント形式です。パフォーマンス向上のため推奨されます。