画像結合

2枚の写真を並べるのは、ビフォーアフターを見せる、2つの商品を比べる、複数のスクリーンショットを1つのファイルで送る、のにいちばん手早い方法です。このツールは、2枚以上の画像を横、縦、グリッドにつなげ、端がそろうように共通の高さや幅に拡大縮小し、間隔や背景も加えられます。長いチャットのキャプチャを、縦長の1枚にまとめることもできます。すべてブラウザ内で動作します。

使い方

1. 表示したい順に画像を選びます。
2. 横並び、縦並び、または列数を指定したグリッドを選びます。
3. サイズのそろえ方を選びます。ぼやける拡大を避けるならいちばん小さいものに、あるいはいちばん大きいもの、1枚目に合わせるか、元のサイズのままにします。
4. 揃え位置、間隔、背景（または透明）を設定して、結合した画像をダウンロードします。

計算式

横並び、高さをそろえる場合：幅 = Σ (wᵢ × T ÷ hᵢ) + (n − 1) × 間隔、高さ = T

Tは共通の高さ（いちばん小さい画像、いちばん大きい画像、または1枚目の高さ）です。縦に重ねる場合は、幅で同じように計算します。グリッドは、各列をいちばん幅の広い画像に、各行をいちばん背の高い画像に合わせます。ブラウザはキャンバスのサイズを制限しており、デスクトップで約2億6800万画素、iPhoneとiPadでは約1670万画素までです。そのため、非常に長いつなぎ合わせは先にチェックし、空のファイルではなく分かりやすいメッセージを表示します。

計算例

1200 × 800 pxの写真と600 × 900 pxの写真を横に並べ、いちばん小さいものに合わせる（高さ800 px）と、2枚目は533 × 800 pxになり、結果は1200 + 533 = 1733 × 800 pxです。1170 × 2532 pxのスマホのスクリーンショット3枚を縦に重ねると1170 × 7596 px（8.9 MP）で、iPhoneでも処理できます。