Color Tree

主に雑記、好き勝手、書きたいことを書いてみる

はてなブログの画像・写真のサイズを変える方法が便利【見たまま編集モード】

ブログを書いていて、ふと、貼り付けた画像のサイズ小さくするのってどうするの?

っていう瞬間ありませんか?

 

はてなブログの場合、画像・写真をブログに貼り付けると、長辺1,024ピクセルと大きく表示されるので、パソコンでブログを見るときも画像が綺麗で嬉しいです。

ただ、画像・写真が大きい事が、困る時もありますよね。

 

↓例えばこういう写真とか。大きなサイズが必要ない場合なんかに、サイズを変更できないと、非常に困ります。

f:id:reishiro:20160114144819p:plain

 

これ、実は簡単に画像サイズを変えられるんです。知ってました?

その画像サイズ変更の方法を紹介します。

 

はてなブログ開発ブログにもあったのですが…目から鱗だったので紹介します。

staff.hatenablog.com

 

1.画像・写真を貼り付ける

まずは、ブログに画像・写真を貼り付けます。するとこんな感じですね。

編集画面いっぱいに表示されています。

f:id:reishiro:20160121014549p:plain

 

2.貼り付けた画像・写真を選択する(クリックでOK)

ブログに貼り付けた画像・写真を選択します。クリックすると選択されます。すると、画像・写真の4角に四角マークが表示されました。

私はずっとこのマークが表示されていることに気づいてませんでした。

f:id:reishiro:20160121014828p:plain

 

3.ドラッグでサイズを変更する

あとはドラッグして好きなサイズに変更します。

f:id:reishiro:20160121015237p:plain

サイズはピクセル表示もされるので、本当に便利です。

ドラッグでサイズを変更できるとは、はてなブログやりますね。

f:id:reishiro:20160121015448p:plain

以上で完成です。

 

合わせて読んでみては?