画像のサイズ
はてなブログって非常に便利で，編集画面にデスクトップ上のJPGとかをドラッグドロップするだけで画像をアップロードして，貼り付けてくれて便利なんですよね。
はてなブログのmarkdown
事あるごとに，オススメしているmarkdown記法。
今日は画像を貼り付けたときのリサイズ方法をご紹介。
というか，備忘録ｗ
そのまま貼り付ける
毎回思っていたのが，iPhoneのスクショを貼り付けてブログを書くと，パソコンでめちゃでかい画像になっちゃうということｗ
例えば，こんな感じ。
Markdownの書き方
写真を貼り付けると下のようなコードとなるわけです。
[f:id:pom2e:20170410185142p:plain]
そもそもこれはMarkdownの書き方というよりも，はてなブログ独特の感じです。
やっぱりそうだった
同じことを書いている記事がありました。こちらの記事を参考にすると，最後に
: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
300pixel
400pixel
こんな感じ。これくらいの大きさがちょうどいいのかな？
まとめ
- Markdownではてなブログを書くと画像のサイズが大きい時がある！特にiPhoneのスクショ
- Markdownの書き方というよりも，はてなブログのはてな記法になっているようである。
- w◯と数字を指定するように追加することで画像のサイズを変更できる
というわけで，w400がやっぱりちょうどいいのかな？iphoneのスクリーンショットには。
コメント