長い画像の結合
チャット履歴、Web ページの長いスクリーンショット、フローチャート——1 枚に結合し、幅は自動で揃います。
画像を複数ドラッグ（順番どおり）、または ファイルを選択
一括 · ローカル処理 · アップロードなし幅の異なる画像をそのまま連結すると、余白ができたり切れたりします。ここでは既定で 1 枚目の幅に合わせ、各画像を等比縮小するので変形しません。全体の幅を指定したい場合は「出力幅」を入力してください。
使う場面
- スマホの長いスクリーンショットが複数の画像に分かれてしまい、SNS 投稿や保存用に 1 枚の長い画像に戻したいとき。
- 商品の多角度カットや手順写真を縦につなげて商品ページ用の長い画像にしたいとき、またはチャットのスクリーンショットを左右に並べて比較したいとき。
使わないほうがよい場面
- 画像ごとにタイトルや枠、異なる余白を付けたいとき。ここでは全体の間隔と背景色しか設定できないため、細かいレイアウトはデザインソフトを使ってください。
- どの画像も元の解像度のまま、再サンプリングせずに残したいとき。幅をそろえると一部は必ず拡大・縮小されるため、気になる場合は分割してつないでください。
結合はすべてブラウザ内で行われ、画像がアップロードされることはありません。制限：出力は常に JPG のため、透明部分は背景色で塗られます。縦方向は 1 枚目の幅に合わせて拡大・縮小するので、各画像は再サンプリングされます。間隔は全体で 1 つだけ設定できます。非常に長い画像はブラウザの canvas サイズ上限を超え、失敗したり空白になったりします。画像が多いと一度にデコードするためメモリを多く使います。
よくある質問
結合する順番はどう決まりますか？変更できますか？
選択またはドロップした順番になります。縦方向は上から下、横方向は左から右です。ファイル名順にはならず、追加後にドラッグで並べ替えることもできません。順番を間違えた場合はページを再読み込みし、希望の順番で選び直してください。事前に 01、02 のような名前に変えておくと確実です。
幅が違う画像はどうそろいますか？画像はゆがみますか？
縦方向の結合では、既定で 1 枚目の幅を基準にし、「出力幅」を入力すればその値が基準になります。ほかの画像は比率を保って拡大・縮小され、左寄せで配置されるため、引き伸ばしによるゆがみはありません。横方向の結合では 1 枚目の高さが基準です。余白には背景色が入り、間隔の単位は px、0 で隙間なしになります。
長い画像の書き出しに失敗したり、下半分が空白になったりするのはなぜですか？
ブラウザには canvas の幅・高さ・総ピクセル数の上限があります。数十枚のスクリーンショットや高さ数万ピクセルの画像は上限を超え、失敗したり空白になったりします。「出力幅」を小さくして総ピクセル数を減らすか、2〜3 回に分けて結合してからつなげてください。