サラリーマンぽんぽん

普通のサラリーマンが日常を綴り、かつて読者がたくさんいた受験日記ブログを上回る反響を目指しますw

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

画像のサイズ

はてなブログって非常に便利で,編集画面にデスクトップ上のJPGとかをドラッグドロップするだけで画像をアップロードして,貼り付けてくれて便利なんですよね。

はてなブログのmarkdown

事あるごとに,オススメしているmarkdown記法。

www.pom2e.com

www.pom2e.com

www.pom2e.com

今日は画像を貼り付けたときのリサイズ方法をご紹介。 というか,備忘録w

そのまま貼り付ける

毎回思っていたのが,iPhoneのスクショを貼り付けてブログを書くと,パソコンでめちゃでかい画像になっちゃうということw

例えば,こんな感じ。

f:id:pom2e:20170410185142p:plain

Markdownの書き方

写真を貼り付けると下のようなコードとなるわけです。

[f:id:pom2e:20170410185142p:plain]

そもそもこれはMarkdownの書き方というよりも,はてなブログ独特の感じです。

やっぱりそうだった

monaski.hatenablog.com

同じことを書いている記事がありました。こちらの記事を参考にすると,最後に

:plain:w300

と幅を指定してあげれば大きさを調整できるそう。数字はpixelを表しているのでブログでだいたいいくつにしておけばいいかって決めておけば,次からはずーっとその設定でいける気がします。

はてなからの説明もはてなダイアリー用ですが一応ありました。

http://hatenadiary.g.hatena.ne.jp/keyword/%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E7%B0%A1%E5%8D%98%E3%81%AB%E8%A8%98%E8%BF%B0%E3%81%99%E3%82%8B%EF%BC%88http%E8%A8%98%E6%B3%95%E3%80%81mailto%E8%A8%98%E6%B3%95%EF%BC%89hatenadiary.g.hatena.ne.jp

やってみた

というわけでいくつか貼ってみます。

200pixel

f:id:pom2e:20170410185142p:plain:w200

300pixel

f:id:pom2e:20170410185142p:plain:w300

400pixel

f:id:pom2e:20170410185142p:plain:w400

こんな感じ。これくらいの大きさがちょうどいいのかな?

まとめ

  1. Markdownではてなブログを書くと画像のサイズが大きい時がある!特にiPhoneのスクショ
  2. Markdownの書き方というよりも,はてなブログのはてな記法になっているようである。
  3. w◯と数字を指定するように追加することで画像のサイズを変更できる

というわけで,w400がやっぱりちょうどいいのかな?iphoneのスクリーンショットには。