SitecoreでSVG画像を使用する

Sitecore7.2は標準ではSVG画像に対応していないため、使用する場合は設定が必要です。

設定を行わずにメディアライブラリにSVGファイルをアップロードすると、MIME タイプがapplication/octet-streamに設定され正常に表示されません。

MIME タイプ

SVG画像に対応するにはWeb.configのmediaTypesタグの中に以下の設定を追加します。

        <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"/>
          <thumbnails>
            <generator type="Sitecore.Resources.Media.ImageThumbnailGenerator, Sitecore.Kernel">
              <extension>png</extension>
            </generator>
            <width>150</width>
            <height>150</height>
            <backgroundColor>#FFFFFF</backgroundColor>
          </thumbnails>
        </mediaType>

ただし、この設定を追加してもリッチテキストエディタでSVG画像を追加しようとすると「選択したアイテムは画像ではありません。続行するためには画像を選択してください。」とエラーが表示されます。

この場合は他の画像を追加した後にリンクのIDの部分を書き換えることで無理やり設定することができます。

リッチテキストエディタをSVG画像に対応させるには以下のようにSitecoreにモジュールを作成して追加する必要があるようです。（動作未検証）

Sitecore SVG Support - http://sitecorecorner.com/2015/11/23/sitecore-svg-support/

Sitecore 7.2 rev. 151021で確認

※エントリーの内容・画像等は、公開時点での情報に基づきます。
※Sitecoreのバージョンによって実装されている機能が異なります。