「画像」コンポーネントは、PCとスマホに分けて画像を設定することが出来ます。
幅や高さの他に、画像フィルターも設定できるため、誰でも簡単に明るさや透明度などの調整が可能です。

主なプロパティ

基本設定

プロパティ	説明
画像	PCとスマホに分けて表示させる画像を設定します。
幅・高さ	PCとスマホに分けて幅と高さをpx単位で設定します。
画像説明文	画像の代替テキストを設定することが出来ます。

詳細設定

プロパティ	説明
画像フィルター	「明るさ」「透明度」「彩度」など画像に掛けるフィルターを設定することが出来ます。
画像サイズ可変タイプ	「アスペクト比固定」か「高さを固定」を選択します。
画像表示タイプ	「コンテンツボックスに収まるように表示する」は、設定したサイズ内に画像全体が表示されます。 「表示領域を覆い尽くすように表示する」は、設定したサイズに隙間なく画像を表示します。画像のサイズが小さい場合は拡大します。 「縦幅100％で表示しする」は、比率を維持した状態で縦幅100％で表示します。横が大きい場合、画面からはみ出した部分は表示されません。
リンク	画像にリンクを設定することが出来ます。
リンクアニメーション	マウスでホバーした際のアニメーションを設定することが出来ます。
画像全体を包括するブロックの最大横幅	画像の横幅の最大値を設定することが出来ます。何も入力しない場合、900pxになります。