本文へスキップ
C:L Tools

画像結合

画像結合は複数の画像を縦に並べる・横に並べる・グリッドで配置して1枚にまとめる機能です。スクリーンショットの連結やビフォーアフター比較、コンタクトシート作成に便利で、並び順もドラッグや矢印ボタンで自由に変更できます。

ソースコード

こんなお困りごと・シーンでお使いいただけます

1

複数のスクリーンショットを縦に並べて1枚につなぎ、手順書やサポート問い合わせ用の画像にまとめたい

2

施工・デザイン修正前後の写真を横に並べてビフォーアフター比較画像を1枚で見せたい

3

商品バリエーションや参考画像をグリッドで整然と配置し、コンタクトシート(一覧画像)を作りたい

使い方・手順

  1. 1結合したい画像ファイル(最大30枚)をまとめてドラッグ&ドロップ、またはクリックして選択します
  2. 2結合モードを「縦に連結」「横に連結」「グリッド」から選びます。縦に並べるとスクリーンショットの連結に、横に並べるとビフォーアフター比較に、グリッドはコンタクトシート作りに向いています
  3. 3グリッドを選んだ場合は列数(1〜20列)を指定し、画像間の余白・外周パディング・背景色(透過も可)を調整します
  4. 4画像の並び順をドラッグまたは矢印ボタンで入れ替え、プレビューを確認して「結合画像をダウンロード」で保存します

よくある質問 (FAQ)

Q.縦横のサイズが異なる画像同士でも綺麗に結合できますか?
はい。セルサイズ方針で調整できます。「幅をそろえる」は、縦に連結する場合は各画像の幅を最大幅に合わせて拡大・縮小し、横に連結する場合は各画像の高さを最大高さに合わせて拡大・縮小します(グリッドではセル幅に合わせるため、画像によってセル内に余白が生じる場合があります)。「統一セル(はみ出さない)」は縦横比を保ったまま最大幅×最大高さのセル内に収めるため、画像の縦横比によってはセル内に余白が生じる場合があります。
Q.グリッド結合の列数は自由に変更できますか?
列数は1〜20列の範囲で指定できます。画像の枚数より多い値を指定した場合は、枚数に合わせて自動調整されます。
Q.画像間の余白や背景を透明にすることは可能ですか?
可能です。パディング(余白ピクセル数)を指定できるほか、出力形式をPNGまたはWebPにすると背景・余白を透過で書き出せます(JPEGは透過に対応していないため白背景に自動変換されます)。
Q.一度に結合できる画像の枚数やファイルサイズに上限はありますか?
一度に結合できるのは最大30枚までです。1ファイルあたり50MB、合計サイズは300MBまでという上限があり、超える場合はアップロード時にエラーメッセージで案内されます。
Q.対応している画像形式と、結合後の最大サイズは?
入力はPNG・JPEG・WebP・GIFに対応しています。出力形式はPNG・JPEG・WebPから選べ、結合後の画像は幅・高さともに最大16384pxまでです(超える場合は画像枚数や余白を減らしてください)。
Q.スマホからでも画像結合できますか?
はい。レスポンシブデザインのため、スマホのブラウザでも画像選択・並び替え(前後へ移動ボタン)・結合モードの切り替え・ダウンロードまで操作できます。
Q.画質は調整できますか?劣化しませんか?
出力形式をJPEGやWebPにすると、品質スライダー(10〜100%、既定値85%)で画質とファイルサイズのバランスを調整できます。PNGの圧縮による劣化はありませんが、セルサイズ方針によって画像が拡大・縮小されると画質が変わる場合があります。