html> タイトル ページ コンテンツ

人生を飲み尽くす

介護大好き

はてなブログで画像のサイズを自由に変える方法

スポンサーリンク

編集モードによってやり方は異なる

はてなブログには3つの編集モードがあります。見たままモードとはてな記法モードとMarkdownモードの3つです。

f:id:yubayashi88:20180117221458p:plain

それぞれのモードで画像を変える方法は異なるので、自分のやり方にあった編集モードを選ぶといいでしょう。

見たままモード

ブログ開設時に設定されているデフォルトの編集モードです。編集をした際にプレビューを見なくてもどこがどう変化しているか確認できるのが利点ですね。


見たままモードでは画像の拡大と縮小が簡単に出来ます。画像を挿入した後画像の端をクリックしながら移動させると、縦横の比率を変えずに大きさを変えることが可能です。

f:id:yubayashi88:20180118002938p:plain

以前は縦横の比率も変えられた気がしますが、なんか出来ないですね。まぁこれはこれで便利。

はてな記法モード・Markdownモード

この2つのモードは画像の編集方法が一緒です。まず、画像をアップロードします。

f:id:yubayashi88:20170731070425j:plain

編集している画面には[f:id:xxxx:2018yyyyyyy:plain]という表記が出ていると思います。


この「plain」の後にコロン(:)と数字(ピクセル)を置くことによって、画像のサイズを変更できます。


[f:id:xxxx:2018yyyyyyy:plain:w500]というような感じですね。

w400指定画像

f:id:yubayashi88:20170731070425j:plain:w400

w200指定画像

f:id:yubayashi88:20170731070425j:plain:w200


縦横の比率を自由に変えたい場合

wだけだと縦横が同じ比率で変わるので、自由に変えたい場合は「h」を入れましょう。WはWidthで幅、HはHeightで高さという意味ですね。


[f:id:xxxx:2018yyyyyyy:plain:w500:h500]というような表記でオッケー。

w700、h200指定画像

f:id:yubayashi88:20170731070425j:plain:w700:h200


こんな感じでアンバランスな画像表記も可能です。はてなブログでははてな記法モードとMarkdownモードが個人的に画像編集はやりやすいですね。

スポンサーリンク