Apacheでsvgz形式の画像を表示できるよう設定

主に、開発マシンにlocalhostとしてApacheサーバをたてている場合
svgz形式のデータを表示しようとすると、不明な形式としてリンク切れになります。

Google Chromeの場合、このようなエラー画面になります。

This page contains the following errors:

error on line 1 at column 1: Encoding error
Below is a rendering of the page up to the first error.

これは、サーバの初期設定では.svgzの拡張子が画像として登録されていないのが原因で
Apacheのhttpd.confやhttpd-vhostos.conf、.htaccsesに
svgz形式の設定を追加すると、表示できるようになります。

AddType image/svg+xml svgz
AddEncoding gzip svgz

ディレクトリ設定配下へ、このようにsvgzの形式や拡張子とエンコードを追加します。
AddType の svgz は、上記のようドットなしの表記でも
ドットをつけた .svgz 表記でも、どちらでもOKです。

設定を追加したら、svgz表示を反映させるためこの3つを実行します。

  • Apache再起動
  • ブラウザキャッシュをクリア
  • ブラウザを再起動

Apache再起動だけで反映されないところがポイントです。
ブラウザによっては、すべて実行しなくても反映してくれます。
3つともやらないと反映できない現象はGoogle Chromeで確認しました。

関連記事

Pocket