画像のImgモードで縦横比率を固定する方法

「Imgモード」では、画像の縦横比を保持しながらサイズ調整が可能です。しかし、縦幅と横幅の両方にpxなどを設定すると、画面サイズによっては画像の縦横比率が崩れ、不自然に伸び縮みすることがあります。

どちらかの幅を「auto」に設定することで画像の縦横比率を保持したまま、柔軟にサイズ調整することができます。

画像の幅をautoに設定する2つの方法

縦横比を保持したまま、画像の片方の辺のサイズをautoに設定するには、以下の2つの方法があります。

これにより、クリックした辺の反対側の辺が自動的にautoに設定されます。

たとえば、横幅を220pxと指定したい場合、横のハンドルをドラッグまたは横辺をダブルクリックします。