SITECORE MANIA 開発者向け技術ブログ

その他

LYZON編集部

LYZON編集部

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のバージョンによって実装されている機能が異なります。

この記事を読んだ人はこちらの記事も読んでます

Sitecore導入に関するご相談・資料ダウンロード

導入をご検討・ご依頼の方や、サービスについてご不明点がございましたらお気軽にお問い合わせください。

Sitecoreの運用問題を解決する

既にSitecoreを導入しているお客様向けサービス