使い方
- ファイルを選択を押して写真を2枚から9枚選びます。見せたい順に並べてください。1枚目が最初のセルに入ります。
- 配置と出力の大きさを選び、写真の間隔と、必要なら角の丸みを設定します。
- プレビューで写真をドラッグし、そのセルに見せる部分を選びます。
- コラージュを作るを押してから、PNGかJPEGをダウンロードします。
配置と空のセル
自動のグリッドは、写真の数と同じだけのセルを、正方形に近い最も小さいグリッドで使います。固定の配置には決まった数のセルがあります。横に2枚か縦に2枚、2 × 2か3 × 3のグリッド、または大1枚と小2枚か3枚です。写真よりセルが多い場合、空のセルは背景色のままになり、ツールは空のセルの数を示します。
各セルを埋める方法
各写真は、カバーの方法でセルを埋めます。セル全体を覆うまで拡大され、はみ出た部分は切り取られます。どの部分が残るかは焦点で決まります。プレビューの写真をドラッグして焦点を動かすと、顔や被写体がフレームに残ります。角は丸められ、間隔はどの辺も同じです。
出力と画質
コラージュは、選んだ大きさで描かれます。最大2048ピクセルです。PNGはすべての画素を保ち、JPEGは小さく、共有する写真コラージュに向いています。各写真は、コラージュを作るときに原寸で読み込まれるため、細部は保たれます。
例：休日の写真4枚を正方形に
写真は4枚あり、SNSの投稿用に正方形の1枚の画像にしたいとします。2 × 2のグリッド、正方形の大きさ、間隔24ピクセル、角の丸み40ピクセルを選びます。プレビューで各写真をドラッグし、被写体がセルの中央に来るようにします。
結果は、同じ大きさの4つのセルを持つ2048 × 2048の1枚の画像です。各写真は、設定した焦点でセルに合わせて切り抜かれます。
よくある質問
1つのコラージュに何枚の写真を入れられますか？
2枚から9枚までです。配置は最大9つのセルを持ち、自動のグリッドは追加した写真の数と同じだけのセルを使います。
セルの中で写真が切れるのはなぜですか？
セルは、ほとんどの写真とは違う形なので、写真はセルを覆うように拡大され、端の部分が切り取られます。プレビューで写真をドラッグし、見せる部分を動かしてください。
コラージュにはPNGとJPEGのどちらを選ぶべきですか？
図や、すべての画素を残す必要がある場合はPNGを選んでください。写真では、JPEGのほうがファイルがずっと小さく、画質もとても良いままです。
コラージュを作るとき、写真はアップロードされますか？
いいえ。ブラウザが、各写真を端末の中で読み、描きます。ページを読み込んだ後にインターネット接続を切ると、確かめられます。
写真の順番を変えられますか？
はい。一覧の各写真にある矢印で、上下に動かせます。一覧の最初の写真が、配置の最初のセルに入ります。
出典
- MDN（英語）: CanvasRenderingContext2D.drawImage()、キャンバスの一部に写真を配置する
- MDN（英語）: CanvasRenderingContext2D.clip()、角の丸み
数値と文章の最終確認日：2026年11月10日火曜日。