無料レンタルサーバーXfreeでSVGファイルが表示されない時の解決方法

XfreeではSVGファイルはデフォルトで認識されない

無料レンタルサーバーの「Xfree」でお客様用の確認用サイトを準備しようとしたときに、SVGファイルが表示されない問題が発生しました。

どうやらSVGを画像ファイルとして認識していないようです。

この場合は、下記の2行を記述した .htaccessファイルをルート(/)ディレクトリにアップロードすれば、SVGファイルがサーバに認識され、表示できるようになります。

AddType image/svg+xml .svg .svgz
AddEncoding gzip .svgz

.svgだけでなく、ついでに .svgzも認識させるようにしています。

.htaccessを設置する際の注意点

Xfreeでは、管理画面でディレクトリごとにBasic認証を簡単に設定できるようになっていますが、すでにルートディレクトリにBasic認証をかけている場合は、.htaccessファイルがルートディレクトリに存在しているはずです。

サーバから .htaccessをダウンロードし、その最後に上記の2行を追記します。

また、Basic認証の設定を変更する(いったんBasic認証を止めたり、再度Basic認証を設定したり)と、.htaccessが自動的に更新されてしまい、SVGに関する記述が消えてしまうのではないかと思いますので注意しましょう。

タイトルとURLをコピーしました