svgzを表示する

WEBサーバーのデフォルトの設定でもsvgファイルについては表示可能ですが、svgzを表示する場合は設定が必要になります。

Apacheは非常に単純で

AddEncoding gzip svgz
AddType image/svg+xml svg svgz

だけでOKです。

nginxの場合は結構問題があり、

    location ~ \.svgz$ {
      add_header Content-Encoding gzip;
      break;
    }

でうまくいきますが、 breakを抜かすとfirefoxでコケます。

また、gzipの設定で

gzip_types image/svg+xml

を入れてlocationの方を書かないと、chromeでコケ、なぜかFirefoxはうまくいきます。

両方書くとchrome, firefoxでは表示できますが、IEでコケます。

そのため gzip_types にsvgを入れることはやめた方が良さそうです。