ChromeはローカルファイルからSVGZをレンダリングしませんが、サーバーからSVGZをレンダリングします

Question

Chromeを使用してサーバーから完全なHTMLページを保存しました。

Chromeでローカルファイルを再度読み込むと、SVGZイメージはレンダリングされず、代わりに壊れたイメージアイコンが表示されます。

• 元のサーバーから再度ファイルとロードをチェックダブルが、私は自分自身でちょうどローカルの画像ファイルを読み込む場合

• うまくSVGZの負荷が、私は保存するように求め得ることを見つけます画像

• 私は.SVGへの局所的な画像ファイル名の拡張子を編集し、自分自身で負担した場合、私はその後、.SVGと名前を変更したファイルを参照するHTMLファイルを編集する場合、それは

• だけで罰金をレンダリングします拡張正しくイオン、その後、ページ全体や画像すべての負荷が

---

私は、これは厳密にはプログラミングの問題ではありません知っているが、検索の多くを行う際に、私はStackOverflowのより上で、ここでより密接に関連した答えを発見しましたと言うとAskUbuntu。

この答えは、私がこれまでに発見した最高の手がかりを提供しています。私は同様の問題があったので

Chrome not rendering SVG referenced via <img> tag

は、私がここに来た、イメージが がレンダリングされていませんでした。私が知ったのは、私の テストサーバーのコンテンツタイプヘッダーが正しくないということでした。

AddType image/svg+xml svg svgz 
AddEncoding gzip svgz 

だから私は問題がでどこかにあるというを推測しています：サーバーからロードされたときに

• 、コンテンツ私は 私の.htaccessファイルに以下を追加することによって、それを修正しましたタイプが正しく指定されています
• ローカルファイルからロードするとコンテンツタイプが正しく指定されていません

---

これを解決する方法はありますか？

Chromeの設定を変更して.htaccess MIMEタイプとエンコードを「模倣」できますか？

アドバイスありがとうございます。

Answer 1

.svgzファイルをロードする<img>のテスト用HTMLファイルを作成しました。それは大丈夫でした（Win7のChrome）。

.svgzファイルが実際にはgzip形式のSVGファイルであることを確認してください。例えば、私はそれが実際には普通のSVGファイルだと思われますが、 ".svgz"拡張子が付いています。それはあなたが描写する方法では失敗するでしょう。