WEB・アプリ開発

S3のウェブホスティングでSVGが表示されない件への対処

記事内に商品プロモーションを含む場合があります

S3のウェブホスティングで運営しているサイトでなぜかSVGのファイルが表示されなかったのですが、対処法がわかりました。

ファイル一つ一つがContent-Typeという値を持っているのですが、SVGファイルについてはなぜかbinary/octet-streamになっていました。

とりあえず対処法としては、これをS3のコンソールの該当ファイルのプロパティから、この値をimage/svg+xmlに変更します。選択肢には出てこないですが、入力できます。

S3プロパティ変更

これでSVGファイルも表示されるようになりました。

そして、一つお願いしたいことがあります。

もしこの記事がお役に立てたのなら、下のボタンからSNSでシェアするか、あなたのブログでご紹介頂けないでしょうか?検索エンジンの仕組みで、同じ問題で今困っている方の目に届きやすくなります。もちろん、私としても記事を書くモチベーションになります。

記事への要望やダメ出しを書いて頂いても嬉しいです。定期的にエゴサーチしており、今後の記事で活かさせて頂きます。よろしくお願いいたします!