SVGをアップしても表示されない場合の対処

SVGはベクター画像なので拡大・縮小しても画質に影響がなく、ファイルサイズも軽いのでレスポンシブのサイトでは重宝されますよね。

そんな便利なSVGですが時折サーバーの環境によってはうまく表示されない時がうります。

そんな時には.htaccessに下記のコードを入れます。

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

これをアップすればSVG画像をサーバーで使用する事が出来ます。

たまにあるので覚えておきたいですね。

この記事を書いた人

WEBディレクター、デザイナー、フロントエンドエンジニア、投資家、会社オーナー 2007年に同志と起業、2009年に法人化、2018年にHira's.netを設立。
WEBデザイン、コーディング、ディレクター等WEB制作全般に幅広く携わっています。