画像の結合

このツールについて

使用前と使用後の写真を並べて見せたい、商品の各面をまとめて1枚にしたい、複数のスクリーンショットをつなげて1つの手順書にしたい。こうしたとき、画像を並べて1枚にまとめる作業が必要になります。編集ソフトで位置を合わせながら貼り付けるのは手間がかかり、少しずれただけで雑な印象になります。

このツールは、選んだ画像を指定の向きに整然と並べて1枚の画像として書き出します。サイズが違う画像が混ざっていても自動で幅や高さを揃えるため、継ぎ目がずれることはありません。

使い方

1. 画像をドロップするか、枠をクリックして選びます。
2. サムネイルの左上にある矢印で並び順を調整します。表示されている順に上から、または左から並びます。
3. 向きと揃え方を選び、「1枚につなげる」を押します。

並べる向きの選び方

縦に並べる	スマートフォンで見ることが多い場合や、手順を上から順に追わせたい場合に向いています。幅が揃えられます。
横に並べる	使用前と使用後の比較、商品のバリエーションの並列表示に向いています。高さが揃えられます。
格子状に並べる	枚数が多い場合に使います。横に何枚並べるかを指定すると、折り返しながら配置されます。

サイズの揃え方について

縦に並べる場合は幅を、横に並べる場合は高さを揃える必要があります。揃えないと端が不揃いになり、余白が目立つためです。

「大きいほうに合わせる」を選ぶと、最も大きい画像を基準にして小さい画像を拡大します。全体の解像度は保たれますが、拡大された画像はわずかにぼやけます。「小さいほうに合わせる」を選ぶと、最も小さい画像を基準に他を縮小します。拡大が起きないので画質の劣化がなく、こちらのほうが安全です。ただし全体のサイズは小さくなります。

すべての画像が同じサイズであれば、どちらを選んでも結果は変わりません。「そのまま」を選ぶと拡大も縮小もせず、足りない部分は背景色で埋められます。元の画質を1画素も変えたくない場合に使ってください。

すき間を指定すると画像と画像の間に余白が入り、境目がはっきりします。比較写真では10から20ピクセル程度入れると、2枚が別のものだと伝わりやすくなります。

よくある質問

画像がどこかに送信されることはありませんか

ありません。このページの処理はすべて、お使いの端末のブラウザの中だけで完結しています。画像がネットワークを通じて送られることはなく、当サイトの運営者を含め誰も内容を見ることができません。ブラウザの開発者ツールで通信状況を確認すると、画像に関する通信が発生していないことを確かめられます。

並び順を変えるにはどうすればいいですか

サムネイルの左上にある矢印を押すと、その画像が1つ前に移動します。繰り返し押すことで任意の位置まで動かせます。画像の下に表示される番号が、実際に並ぶ順番です。

出力される画像が大きすぎます

枚数が多いと結合後の画素数が非常に大きくなり、端末によっては書き出しに失敗します。その場合は、先にリサイズで1枚あたりを小さくしてから結合してください。

利用に料金はかかりますか

かかりません。会員登録も不要です。回数制限や透かしの埋め込みもありません。

比較写真をきれいに見せるコツはありますか

2枚のサイズと構図をそろえることが最も効きます。撮影の段階で同じ距離・同じ角度から撮っておくと、並べたときに違いだけが際立ちます。すき間を10から20ピクセル入れ、背景色を白か黒にすると境目がはっきりします。

結合した画像をSNSに投稿すると粗くなります

投稿時にサービス側で再圧縮されるためです。横幅が大きすぎると圧縮が強くかかるので、1600ピクセル程度に抑えてから投稿すると劣化が目立ちにくくなります。

関連ツール

• 画像分割逆に1枚を複数に切り分けられます。
• 画像リサイズ結合前にサイズを揃えておくと安定します。
• 複数画像を1つのPDFにページとしてまとめたいときはこちらです。