横のサイズ(幅)を保ちつつ高さ(長さ)のある画像を表示する方法

記事にある画像の幅のサイズを出来る限り同じサイズにしようとする場合、設定したサイズより大きいサイズを用意することになりますが、高さの設定によって横のサイズが小さくなってしまうことがあります。

それは、WordPressで設定した画像の横幅・高さに合わせて比率を維持しながら縮小されて画像が表示されるからです。

例えば、設定より縦長の画像を使う場合、「メディア設定」で設定したサイズの部分を切り出して、下の左の画像のように点線の部分だけを表示というわけではありません。

pic_size

実際に表示されるときの画像サイズは、比率を維持しながら設定されているサイズに縮小されて表示されます。

pic_size1

そこで、横幅に設定した値の大きさのまま表示したいときは、メディア設定で高さを大きめに設定するか、もしくは画像編集を使いサイズの修正することで、表示したい横のサイズで画像を表示することができます。

kiji

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です