こんにちは。
『やさしいブログの作り方』の松田です。

先日から始めているブログ個別相談の中で、ビフォーアフター画像はどのように載せたらいいですか?という質問がありました。

ビフォーアフター画像は、その効果を実証するためにとても有効な画像です。

ただ、アメブロの場合、記事編集中は2つの画像を横並びにさせることできても、公開後の記事には横幅が入りきらずに縦並びになってしまったり、画像の一部が消えてしまったりすることがあります。

解決方法としては2枚の画像を横並びにした1枚の画像に合成する方法があります。

1枚にしてしまえば仮に縮小がかかったとしても横並び状態は維持できますので、比較として見やすい画像が表示できます。

2枚の画像を1枚に合成するのは画像編集ソフトを使えばできますが、画像編集をしたことがない方には少々難しいかもしれません。


そこで簡単に横並びの合成画像が作れるソフトをご紹介します。

Jointogether 複数画像を並べてつなげて大きな画像に 拡大・縮小・回転、透明色合成も

上記のベクターのサイトからダウンロードが可能です。






【使用方法】


まずビフォー画像とアフター画像を用意します。
画像の大きさが同じ方ができあがりが綺麗になります。


やさしいブログの作り方

Jointoghterを立ち上げ、「ファイル」→「パーツ追加」をクリックし、ビフォー用の画像を開きます。


やさしいブログの作り方

再度「ファイル」→「パーツ追加」をクリックし、アフター用の画像を開きます。


やさしいブログの作り方

次に「編集」→「全体編集」をクリックします。


$やさしいブログの作り方

「ズーム」ボタンをクリックし、リサイズで幅を400に設定します。

400というのはパソコン版のブログの記事エリアの幅に収まるサイズです。


$やさしいブログの作り方

最後に「保存」ボタンを押してパソコンに保存します。

あとはブログにアップロードすれば1枚になったビフォーアフター画像が表示されます。


やさしいブログの作り方

こんな感じです。