image

写真コラージュ

2〜20枚の写真から配置候補を選び、切り抜き・余白・背景を調整して1枚の画像にまとめます。

ローカル処理
ファイルについてこのツールで選択したファイルや入力内容は、Browser Kittyのバックエンドへアップロードせずブラウザ内で処理します。
操作デモ 実際の操作の流れを短い動画で確認できます。

このツールについて

写真コラージュ / Photo Collageは、2〜20枚の写真を1枚の画像にまとめるブラウザツールです。写真の縦横比に合う「おすすめの配置」を表示するため、最初から枠を一つずつ作る必要はありません。写真の枚数や形に合わせた候補から選び、「別の配置を見る」でほかの配置も確認できます。

写真の順番を入れ替えたり、1枚だけ大きくしたり、各枠で写真の位置・拡大率・全体表示を調整できます。キャンバスの比率、写真の間隔、外周余白、背景、角丸を整えたら、JPEG・PNG・対応ブラウザではWebPとして書き出します。写真のデコードから出力画像の生成までブラウザ内で処理し、選んだ写真を変換のために外部サーバーへ送信しません。

こんなときに便利

  • 旅行やイベントで撮った複数の写真を1枚にまとめ、メッセージやSNSで共有したい
  • 縦長・横長の写真を混ぜても、見やすい配置を選んで素早くコラージュを作りたい
  • 商品や作業工程の写真を数枚並べ、比率・余白・背景を揃えた1枚の画像として保存したい
  • 個別の写真をクラウドへアップロードせずに、端末内だけでコラージュを完成させたい

できること

このツールで利用できる主な機能です。

使い方

  1. 「ツールを開く」から写真コラージュを起動し、JPEG・PNG・WebP画像を2〜20枚追加します。PCではドラッグ&ドロップも使えます。
  2. 「おすすめの配置」からレイアウトを選び、ほかの候補がある場合は「別の配置を見る」で切り替えます。
  3. 写真をドラッグハンドルや移動ボタンで並べ替え、必要なら1枚だけ「この写真を大きく」にします。
  4. 各写真の見切れ方を確認し、枠いっぱい(Fill)/全体表示(Fit)、切り抜き位置、1〜3倍ズームを調整します。必要なら選択中の写真だけ調整をリセットできます。
  5. 仕上げでキャンバス比率(初期値4:3)、写真間隔、外周余白、背景色、角丸を設定します。透過背景が必要ならPNG形式を選びます。
  6. 保存画面でJPEG・PNG・対応ブラウザならWebPを選び、長辺の解像度と画質、ファイル名を指定して「画像を保存」を押します。

対応範囲

  • 入力: JPEG・PNG・WebPを1コラージュにつき2〜20枚。写真の縦横比に合わせたレイアウト候補を表示します。
  • 配置と調整: 並べ替え、候補切り替え、主役写真指定、Fill/Fit、切り抜き位置、1〜3倍ズーム、選択写真の調整リセット。
  • 仕上げ: 4:3(初期値)、1:1・4:5・9:16・16:9・3:2・カスタム比率、余白・間隔・背景・角丸。カスタム比率は1:10〜10:1。
  • 出力: JPEG・PNG・WebP。長辺1080/2160/4096pxまたはカスタム指定。最大辺8192px/総32メガピクセルまで。
  • 環境: PC・スマートフォン、日本語/英語。最大50操作までUndo/Redo。単一HTML版は必要な実行コードを内包します。

制限・注意点

  • 1枚だけではコラージュを作成できません。入力は2〜20枚のJPEG・PNG・WebPです。HEIC/HEIFやPDFは正式対応形式ではありません。
  • 写真の自由角度回転、完全自由配置、文字・スタンプ・ステッカー追加、フィルター、背景除去には対応していません。
  • WebPの保存は利用ブラウザがCanvasのWebP書き出しに対応している場合のみ利用できます。透過背景を使う場合はPNGを選び、JPEGでは指定背景色に合成されます。
  • 大きな写真・高解像度出力では端末のメモリ制約で処理に失敗する場合があります。出力は最大辺8192px、合計32MPまでです。
  • 写真や作業中の編集状態は自動保存されません。再読み込み・タブ終了・ブラウザデータ削除などの前に完成画像を保存してください。
  • 保存したコラージュはCanvasから再生成されます。元のEXIF・GPS・カメラ情報・ファイル名は出力にコピーしません。撮影日時などの情報を残したい用途には向きません。

よくある質問

スマホだけで複数の写真を1枚にまとめられますか?

はい。スマホでは「写真」「配置」「仕上げ」「保存」の画面を切り替えながら、2〜20枚のJPEG・PNG・WebPを1枚の画像へまとめられます。

縦長と横長の写真を混ぜても作れますか?

はい。読み込んだ写真の縦横比に応じて配置候補を作ります。各写真の位置・ズーム・枠いっぱい/全体表示も調整できます。

写真の背景を透明にして保存できますか?

PNG形式では透明背景を選べます。JPEGは背景色に合成され、WebP形式の書き出しはブラウザの対応状況に依存します。

写真はサーバーにアップロードされますか?

いいえ。写真の読み込み、配置計算、切り抜き、書き出しはブラウザ内で行い、処理のために選んだ画像を外部サーバーへ送信しません。

作業途中のコラージュをあとで続きから編集できますか?

現在は写真や編集内容の自動保存に対応していません。ページを再読み込みしたり閉じたりすると編集中の状態は失われます。完成画像を端末へ保存してください。

オフライン版・ソースコード

photo-collage.htmlは、写真の読み込み・配置・編集・JPEG/PNG/WebP書き出しに必要な処理を内包した単一HTMLです。ファイルを保存して対応ブラウザで直接開けば、写真の変換に外部APIやCDNを利用せずに使えます。作成中の写真・編集状態は自動保存されません。

GitHubでソースを見る