svgzを表示する

alkoshikawa 175views 更新:2016年1月26日

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を入れることはやめた方が良さそうです。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません