PhotoScape_resize
ちょっと今日はマニアックな記事です。^^

ブログで情報発信をやっていく方や
私のコンサル生さんには
見ていただきたいと思うのですが

ブログに載せる画像幅を揃えた場合
ブログに載せる画像幅を揃えない場合
どっちが見やすいでしょうか。

以下、読者さん目線で見てください。

どっちが読みやすい?画像『横幅揃えvs凸凹』

画像は中央揃えにして表示します。

【パターン1】『画像横幅揃え』(600pixel)

600-1

600-2

600-3

【パターン2】『画像横幅バラバラ』

600

300

journey

どちらが、綺麗にみえましたか?

私は画像の横幅は揃って居たほうが読みやすいと思うので
画像の横幅をPhotoScapeというツールで一括で揃えています

文章も画像も一緒

book600

私はブログに掲載する画像は概ね、『横幅600pixel』等幅にすることを
マイルールにしています。

画像の幅が揃っていると、横幅がマチマチの場合に比べて
スッと頭に入ってきませんか?

文章が縦横無尽に散らかってたら、読めませんよね

文章も一緒です。

本を開いたとき、文字が縦横無尽に散らかっていたら、
もはや暗号文。

私は全く読める気がしないと思います(笑)

文頭・文末が一行、一列ずつ
綺麗に揃っているからこそ、

長い文章も同じ視線移動の繰り返しで
リズムよく読めるわけです。

画像も文章と同じで、揃っていた方が見やすいんです

画像の配置やサイズも同じです。
キレイにルールに添って、サイズや配置を決める。

そうすることで、記事が美しく見えるし、
読みやすさを読者さんに与えてくれますよ☆

画像をPhotoScapeで一括リサイズする方法

前置きが長くなりましたが、それでは実際にやってみましょう。

PhotoScapeでブログ用画像を一括リサイズし、横幅を揃える方法

【手順1】 PhotoScapeを立ち上げる

ps1

【手順2】 下の画像①の『一括編集タブ』をクリック

ps2

【手順3】 上の画像②の『画像をドロップ』範囲めがけて、リサイズしたい画像を一括でドラッグ&ドロップ

ps3
(Ctrlを押しながら、画像を複数選択した状態で、マウス左ボタンを押したまま移動し、この領域で左ボタンを離す)

【手順4】 画面上の赤枠内にドラッグ&ドロップした画像ファイル名が複数表示されることを確認

ps4

【手順5】 上の画像①で『幅の調整』を選ぶ。

【手順6】 上の画像②で幅の数値を入力(私なら600)

【手順7】 上の画像③で全て変換をクリック

【手順8】 リサイズした画像の出力先を選ぶ

ps5

【手順9】 リサイズした画像の出力形式を選ぶ(ほぼjpgですね)ps6

【手順10】 保存ボタンをクリック

すると、こんな感じでリサイズの進捗が出ます。
ps7

【手順11】 出来上がりです

ps8

PhotoScapeで一括リサイズして、時間を効率的に使いつつ、美しいブログ記事を書いていきましょう

今回の方法で画像を一括リサイズすれば
短時間で、ブログに綺麗に複数の画像を載せることも
簡単にできちゃいますよ☆

是非トライしてみてくださいね。
それでは、また。