MIMEタイプとは?【.htaccessで追加する方法】

MIMEタイプとは?
更新日:2021年2月17日

MIMEタイプとは?

MIMEタイプとは、Webサーバーとブラウザがデータのやりとりをするときに、ファイルの種類を識別するための文字列のことです。
PC上や人間は「.html」や「.jpg」などの拡張子でファイルを識別しますが、Webサーバーとブラウザ間では拡張子ではなくMIMEタイプでファイルを識別します。

MIMEタイプについて

MIMEタイプは「タイプ/サブタイプ」で構成され、タイプはテキストや画像などの大きなカテゴリーを表し、サブタイプはhtmlやjpegなどの具体的なファイルの種類を表しています。
例えば、MIMEタイプが「text/html」の場合はHTMLファイルを指していますし、「image/jpeg」の場合はJPEG画像ファイルのことを指しています。

MIMEタイプの一例
  • HTMLファイル:text/html
  • CSSファイル:text/css
  • JPEG画像ファイル:image/jpeg
  • PNG画像ファイル:image/png

ブラウザが正しくファイルを処理できるように、サーバーにMIMEタイプの設定をする必要がありますが、レンタルサーバーでは一般的なファイルのMIMEタイプはあらかじめ設定されているので、通常の利用では自分で設定する必要はありません。
ただ、新しくできたMIMEタイプや一部のMIMEタイプは設定されていないことがあるので、ファイルがサイトで正しく表示されない、または動作しないときには、サーバーにMIMEタイプを追加する設定が必要になります。

MIMEタイプの調べ方

ファイルのMIMEタイプを知りたいときは、ファイルの拡張子をWikipediaで検索すればすぐに確認できます。

例えばJPEG画像ファイルのMIMEタイプは、Wikipediaで以下のように確認できます。

WikipediaでjpegファイルのMIMEタイプを調べる

すべての公式な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タイプを、.htaccessのブラウザキャッシュやgzip圧縮で設定する場合は、ブラウザキャッシュやgzip圧縮のコードよりも上に記述してください

レンタルサーバーの管理画面からMIMEタイプを追加する

レンタルサーバーによっては、管理画面からでもMIMEタイプを追加することができます。

例えばエックスサーバーの場合、下画像のように設定することが可能です。

エックスサーバーのMIMEタイプ設定

一般的なファイルのMIMEタイプ一覧

一般的に使用されているファイルのMIMEタイプを一覧でまとめておきます。
すべての公式なMIMEタイプを確認したい方は、MIMEタイプを管理しているIANAのMedia Typesをご覧ください。

ファイルの種類拡張子MIMEタイプ
テキスト.txttext/plain
HTML文書.html
.htm
text/html
XML文書.xmltext/xml
application/xml
XHTML文書.xhtmlapplication/xhtml+xml
CSS.csstext/css
JavaScript.jstext/javascript
application/javascript
JPEG画像.jpg
.jpeg
image/jpeg
GIF画像.gifimage/gif
PNG画像.pngimage/png
WebP画像.webpimage/webp
BMP画像.bmpimage/bmp
SVG画像.svg
.svgz
image/svg+xml
ICO画像.icoimage/vnd.microsoft.icon
WOFFフォント.wofffont/woff
WOFF2フォント.woff2font/woff2
TTFフォント.ttffont/ttf
OTFフォント.otffont/otf
EOTフォント.eotapplication/vnd.ms-fontobject
MP3音声.mp3audio/mpeg
AAC音声.aacaudio/aac
Ogg音声.ogaaudio/ogg
MIDI音声.midaudio/midi
MP4動画.mp4video/mp4
MPEG動画.mpegvideo/mpeg
AVI動画.avivideo/x-msvideo
MOV動画.movvideo/quicktime
WebM動画.webmvideo/webm
Ogg動画.ogvvideo/ogg
HLS動画.ts
.m3u8
video/mp2t
application/vnd.apple.mpegurl
totopアイコン