• 様々な解像度に対応するためにアイコンはすべて SVG 形式です。
  • サムネイルのディフォルトサイズは横幅48px 高さ48px。
  • 通常 img タグを使います。その場合、alt 属性に値を記入するようにしてください。
  • サムネイルは /images/ に格納されています(アイコンのように sprite にはなっていません)。

ファイル

アセット管理画面などに使用するプレースホルダー画像。

ファイルの種類 画像ファイル 音声ファイル 動画ファイル
// ディフォルト
<img src="../images/file-default.svg" alt="ファイルの種類" width="48" height="48" />
// 画像
<img src="../images/file-image.svg" alt="画像ファイル" width="48" height="48" />
// 音声
<img src="../images/file-audio.svg" alt="音声ファイル" width="48" height="48" />
// 動画
<img src="../images/file-movie.svg" alt="動画ファイル" width="48" height="48" />

サムネイル

アセット管理画面で表示されるプレビューは 60 x 60 ですが、それとプレースホルダー画像の配置を合わせるために .mt-thumbnail が記述された入れ子を用います。枠線を入れたい場合 .mt-thumbnail--border にします。

ファイルの種類
動画ファイル
// ディフォルト
<div class="mt-thumbnail"><img src="../images/file-default.svg" alt="ファイルの種類" width="48" height="48" /></div>
// 枠線あり
<div class="mt-thumbnail--border"><img src="../images/file-movie.svg" alt="動画ファイル" width="48" height="48" /></div>