[Sitecore][svg]SVG イメージの使用

On By sitecorejpAdmin

最近のサイトがすべてレスポンシブWEBデザインとなったことでファイルを使用するようになりました。ファイルをメディアライブラリへ追加するには下記のメディアタイプを追加する必要があります。これはそのメモ書きです。

SVGのイメージファイルをメディアライブラリにて追加すると下記のように表示されません。

20140507_01

Web.Configにて下記をメディアタイプを追加すればいいです。

<mediatype name="SVG image" extensions="svg">
<mimetype>image/svg+xml</mimetype>
<forcedownload>false</forcedownload>
<sharedtemplate>system/media/unversioned/image</sharedtemplate>
<versionedtemplate>system/media/versioned/image</versionedtemplate>
<mediavalidator type="Sitecore.Resources.Media.ImageValidator"></mediavalidator>
<thumbnails>
<generator type="Sitecore.Resources.Media.ImageThumbnailGenerator, Sitecore.Kernel">
<extension>png</extension>
</generator>
<width>150</width>
<height>150</height>
<backgroundcolor>#FFFFFF</backgroundcolor>
</thumbnails>
</mediatype>
<setting name="ImageTypes" value="|gif|jpg|png|svg|" />

*\App_Data\MediaCacheをクリアします。

*MIME Types has SVG

*AppRecycle or IISRESET

再度イメージをアップロードします。

20140507_02
＊注意ししてほしいのはIE8はSVGをサポートしていません。

参考サイト：
http://stackoverflow.com/questions/9353798/svg-support-for-internet-explorer-8-and-below
http://stackoverflow.com/questions/1427051/how-to-make-svg-work-with-ie
http://www.freewaytalk.net/thread/view/130622

Uncategorized