MIMEタイプとは？【.htaccessで追加する方法】
MIMEタイプとは？
MIMEタイプとは、Webサーバーとブラウザがデータのやりとりをするときに、ファイルの種類を識別するための文字列のことです。
PC上や人間は「.html」や「.jpg」などの拡張子でファイルを識別しますが、Webサーバーとブラウザ間では拡張子ではなくMIMEタイプでファイルを識別します。
MIMEタイプは「タイプ/サブタイプ」で構成され、タイプはテキストや画像などの大きなカテゴリーを表し、サブタイプはhtmlやjpegなどの具体的なファイルの種類を表しています。
例えば、MIMEタイプが「text/html」の場合はHTMLファイルを指していますし、「image/jpeg」の場合はJPEG画像ファイルのことを指しています。
- MIMEタイプの一例
-
- text/html = HTMLファイル
- text/css = CSSファイル
- image/jpeg = JPEG画像ファイル
- image/png = PNG画像ファイル
ブラウザが正しくファイルを処理できるようにするためには、サーバーにMIMEタイプの設定をする必要がありますが、レンタルサーバーでは一般的なファイルのMIMEタイプはあらかじめ設定されているので、通常の利用では自分で設定する必要はありません。
ただ、新しくできたMIMEタイプや一部のMIMEタイプは設定されていないことがあるので、ファイルがサイトで正しく表示されない、または動作しないときには、サーバーにMIMEタイプを追加する設定が必要になります。
MIMEタイプの調べ方
ファイルのMIMEタイプを知りたいときは、ファイルの拡張子をWikipediaで検索すればすぐに確認できます。
例えばJPEG画像ファイルのMIMEタイプは、Wikipediaで以下のように記載されています。
すべてのMIMEタイプを確認したい場合は、MIMEタイプを管理しているIANAのMedia Typesをご覧ください。
.htaccessでMIMEタイプを追加する方法
.htaccessでMIMEタイプを追加するには、「mime_module」を使用します。
設定はとても簡単で、「AddType」に追加するファイルのMIMEタイプと拡張子を指定するだけです。
例えばWebP画像ファイルのMIMEタイプを追加する場合、以下のようにコードを記述します。
<IfModule mime_module>
AddType image/webp .webp
</IfModule>
- <IfModule mime_module>
- mime_module機能が使用可能であれば、タグで囲った設定が実行されるという意味です。
- AddType
- 追加するファイルのMIMEタイプと拡張子を指定します。
MIMEタイプを追加するコードは、ブラウザキャッシュやgzip圧縮のコードよりも上に記述してください。
レンタルサーバーの管理画面からMIMEタイプを追加する
レンタルサーバーによっては、管理画面からでもMIMEタイプを追加することができます。
例えばエックスサーバーの場合、下画像のように設定することが可能です。
一般的なファイルのMIMEタイプ一覧
一般的に使用されているファイルのMIMEタイプを一覧でまとめておきます。
すべてのMIMEタイプを確認したい場合は、MIMEタイプを管理しているIANAのMedia Typesをご覧ください。
| ファイルの種類 | 拡張子 | MIMEタイプ |
|---|---|---|
| テキスト | .txt | text/plain |
| HTML文書 | .html .htm | text/html |
| XML文書 | .xml | text/xml application/xml |
| XHTML文書 | .xhtml | application/xhtml+xml |
| CSS | .css | text/css |
| JavaScript | .js | text/javascript application/javascript |
| JPEG画像 | .jpg .jpeg | image/jpeg |
| GIF画像 | .gif | image/gif |
| PNG画像 | .png | image/png |
| WebP画像 | .webp | image/webp |
| BMP画像 | .bmp | image/bmp |
| SVG画像 | .svg .svgz | image/svg+xml |
| ICO画像 | .ico | image/vnd.microsoft.icon |
| WOFFフォント | .woff | font/woff |
| WOFF2フォント | .woff2 | font/woff2 |
| TTFフォント | .ttf | font/ttf |
| OTFフォント | .otf | font/otf |
| EOTフォント | .eot | application/vnd.ms-fontobject |
| MP3音声 | .mp3 | audio/mpeg |
| AAC音声 | .aac | audio/aac |
| Ogg音声 | .oga | audio/ogg |
| MIDI音声 | .mid | audio/midi |
| MP4動画 | .mp4 | video/mp4 |
| MPEG動画 | .mpeg | video/mpeg |
| AVI動画 | .avi | video/x-msvideo |
| MOV動画 | .mov | video/quicktime |
| WebM動画 | .webm | video/webm |
| Ogg動画 | .ogv | video/ogg |
| HLS動画 | .ts .m3u8 | video/mp2t application/vnd.apple.mpegurl |
