画像結合
複数の画像を横または縦に並べて、 1枚の画像にまとめます。 サイズ調整・余白・背景色にも対応しています。
画像を選ぶ
並べ方を決める
横に並べる場合は、 一番小さい画像の高さに揃えます。
0〜500px
保存形式を選ぶ
結合する
画像結合の使い方
- 結合したい画像を2枚以上選択します。
- 必要に応じて画像の順番を変更します。
- 横に並べるか、縦に並べるかを選びます。
- 画像サイズや余白を設定します。
- 「画像を結合」を押して保存します。
高さ・幅を揃えて結合
横に並べる場合は「高さを揃える」、 縦に並べる場合は「幅を揃える」を選択できます。
サイズの異なる画像でも、 縦横比を維持したままサイズを揃えるため、 画像が縦や横に引き伸ばされることはありません。
よくある質問
画像の順番を変更できますか？
はい。 画像一覧の「↑」「↓」ボタンで並び順を変更できます。
縦結合と横結合はどう使い分けますか？
縦結合は手順画像やスクリーンショットを順番に見せたいとき、横結合はBefore / Afterや商品・デザイン比較に向いています。
サイズが違う画像でも結合できますか？
はい。 「高さを揃える」または「幅を揃える」を使うと、 縦横比を保ったままサイズを合わせて結合できます。
画像間に余白を入れられますか？
はい。 0〜500pxまで余白を指定でき、 余白や背景の色も変更できます。
画像はサーバーへ送信されますか？
いいえ。 画像の読み込みから結合まで、 お使いのブラウザ内で処理します。
縦結合・横結合とサイズの考え方
Combineは複数の画像を縦または横に並べ、1枚の画像として保存するツールです。画像を重ねたり、文字を自動追加したりする機能ではありません。 縦結合は長いスクリーンショットや手順画像、横結合はBefore / After、商品、デザイン案の比較に使いやすくなります。
サイズが違う画像では、横結合なら高さ、縦結合なら幅を揃えると見やすくなります。このツールは縦横比を保ったまま揃えるため、画像を引き伸ばしません。 余白は0〜500px、背景色も設定できます。比較画像では少し余白を入れると、画像どうしの境目が分かりやすくなります。
結合前後の整え方
不要な端がある画像は先にCrop、比較する画像の大きさを揃えたいときはResizeを使います。 並び順を確認してから結合すると、比較の前後や手順の順序を間違えにくくなります。
縦結合では高さ、横結合では幅が画像枚数に応じて大きくなります。多くの大きな画像を結合した後は、 Infoで寸法・容量を確認し、必要ならResizeやCompressで扱いやすい大きさへ整えてください。 大きさの異なる画像をそのまま並べる、余白を残しすぎる、結合後の容量を確認しないことがよくある失敗です。
関連する画像ツール
結合方向と余白の実測
実測では横結合は余白0pxで1867×800、20pxで1887×800、縦結合は0pxで800×1400、20pxで800×1420でした。結合前に方向と余白を決め、出力dimensionsを確認します。