1-2.画像の変更

【2048】画像のサイズを変更する【クリエイティブモード】

画像のサイズを変更する

サイト編集から更新したいページをクリックして、「編集を開始する」をクリックしてください。

❷「シンプルモード」をクリックして、「クリエイティブモード」に変更してください。

❸サイズ変更したい画像をクリックしてください。

❹「スタイル」アイコンをクリックしてください。その後に、「サイズ・余白」の項目をクリックしてください。

❺開かれたメニュー内にある「width」「height」で画像の縦横のサイズを設定できます。

Width 画像の横幅を指定します
指定できる単位:px %
Max width 画像の横幅の最大の拡大率を指定します
(指定より画面サイズが小さい場合、自動で画面サイズに縮小されます)
指定できる単位:px %
Height 画像の縦幅を指定します
指定できる単位:px %
Min height 画像の縦幅の最低の縮小率を指定します(指定より画面サイズが小さくても、指定のサイズ以下にはなりません)
指定できる単位:px %

※開かれたメニュー内にある「margin」「padding」で画像の縦横のスペースを設定できます。

Margin
Padding
ブロックの縦横のスペースを指定します。
指定できる単位:px %
padding-top padding-bottomのみ指定できる単位:vh
padding-left padding-rightのみ指定できる単位:vw

アップロードした画像比率を維持しつつ、画面サイズに合わせて自動的に縮小させる設定

レスポンシブ(パソコン⇨スマートフォンへのデザインの変異)に画像を設定する場合は、以下の通りに設定してください。
※画像の大きさを変更したい場合は、「Width」で調整を行ってください。

Max width 100%
Height auto