画像コラージュ — グリッド / 横 / 縦に結合
複数の画像をグリッド、横一列、縦一列で 1 枚の画像に結合します。Canvas で合成するためブラウザ内だけで完結。列数・隙間・余白・背景色・出力形式 (PNG / JPEG / WebP) を調整でき、並び順を上下ボタンで入れ替え可能。
使い方
画像を 2 枚以上ドロップし、レイアウト (グリッド / 横一列 / 縦一列) を選んでから「コラージュを作成」を押すと、Canvas が指定列数・隙間・余白・背景色で 1 枚に結合します。並び順は各画像の上下ボタンで入れ替え、出力形式は PNG / JPEG / WebP から選択できます。完成画像はそのままダウンロードできます。
よくある質問
- 画像はサーバーに送信されますか?
- いいえ。Canvas で合成しているので画像は端末外に出ません。
- 横一列・縦一列は何が違うんですか?
- 横一列は各画像の高さを揃えて左から右に並べ、縦一列は幅を揃えて上から下に並べます。画像のアスペクト比は保持されます。
- グリッドのセルサイズは?
- 全画像の最大幅・最大高さをセルサイズの基準にし、各画像はその中で contain (はみ出ない) されて中央配置します。レターボックスは背景色で塗りつぶされます。
- 出力サイズが大きすぎる場合は?
- 結合後に必要に応じて別途リサイズツールで縮小してください。本ツールでは画質を保つため元の解像度で合成します。
- JPEG で透過は使えますか?
- JPEG は透過に対応しないので、背景色 (デフォルト白) でフラットになります。透過を保ちたい場合は PNG または WebP を選んでください。
類似のツール
画像リサイズ — px / % で縦横比維持・ロック
JPEG / PNG / WebP の最長辺を指定して、アスペクト比を保ったまま縮小します。複数ファイルをまとめて処理して、個別保存 / ZIP 一括ダウンロードに対応。すべてブラウザ内で処理。
画像ウォーターマーク — 文字 / 画像で透かし合成
画像にテキストまたは別の画像で透かしを重ねます。Canvas で合成するのでブラウザ内だけで完結。位置 (9 グリッド)・サイズ・不透明度・余白を細かく調整でき、複数画像を一括処理して ZIP でダウンロードできます。出力フォーマットは元と同じ (PNG / JPEG / WebP)。
画像スタック合成 — 複数画像を平均 / 中央値 / 比較明 / 比較暗で 1 枚に
同一サイズの画像 (JPEG / PNG / WebP) を複数読み込み、ピクセル単位で平均化 / 中央値 / 比較明 (Maximum) / 比較暗 (Minimum) のいずれかで合成して 1 枚の PNG にします。天体写真のノイズ低減、観光地から人を消す (中央値)、星の軌跡や花火の長時間露光風 (比較明)、雷の閃光をまとめる、といった写真表現に。Canvas + getImageData で完結し、画像は外部に送信されません。
AVIF を JPG / PNG / WebP に変換 — 古い Safari でも開ける形式へ
ブラウザネイティブの AVIF デコーダで .avif 画像を読み込み、JPEG / PNG / WebP として書き出します。AVIF はファイルサイズが小さく Web 配信向きですが、古い Safari やビューアでは開けないことが多く、メール添付や Office / Slack などへの貼り付けにも不向きです。複数ファイルを一括変換して ZIP でまとめてダウンロードもできます。アップロードした画像は外部に送信されず、すべての処理はブラウザ内で完結します。