画像コラージュとは？

画像コラージュは、複数の写真を1枚の画像にまとめるものです。写真をグリッド状に横並びにしたり、大きさの異なるフレームを組み合わせたレイアウトにしたりできます。コラージュは、ソーシャルメディアへの投稿、フォトアルバム、ビフォーアフターの比較、ムードボード、商品の一覧、印刷用フォトギフトなどに使用されます。

ツールの説明

このツールを使うと、ブラウザー上で画像からコラージュを作成できます。画像を追加するかクリップボードから貼り付け、レイアウトを選ぶだけで、コラージュをJPG、PNG、またはWebPファイルとしてダウンロードできます。各写真をフレーム内で移動したり、写真を入れ替えたり、ドラッグしてフレームのサイズを変更したりできるため、思いどおりのコラージュを作成できます。

機能

  • 3種類のレイアウト：大きな写真と小さな写真を組み合わせたテンプレート、均等なグリッド、すべての写真を全体表示するモザイク
  • コラージュの形状に合わせて描画された、1～9枚の写真用テンプレート
  • 列数を自由に設定できるグリッド。行はできるだけ均等に埋められます
  • Instagramの投稿やストーリーズ、YouTubeのサムネイル、写真プリント、A4用紙向けのサイズ、または最大10,000ピクセルまでのカスタムサイズ
  • 写真間の間隔、コラージュの周囲の境界線、角丸、任意の背景色、または透明な背景
  • 写真をトリミングして各フレームを埋める、または写真全体を表示
  • 写真をドラッグしてフレーム内で移動したり、別の写真の上にドラッグして入れ替えたり、最大500%までズームしたりできます
  • フレーム間のすき間をドラッグして、大きくしたり小さくしたりできます

写真の配置

  • フレーム内で写真を移動する： 写真をドラッグします。フレームによって写真がトリミングされる場合、表示する部分を選択できます。
  • 2枚の写真を入れ替える： 一方の写真をもう一方の写真の上にドラッグし、相手の写真がハイライトされたときに離します。
  • フレームのサイズを変更する： 2つのフレームの間にあるすき間をドラッグします。ポインターをコラージュ上に移動すると、その場所に操作ハンドルが表示されます。
  • ズーム： 写真を選択し、プレビューの下にあるズームボタンを使用するか、トラックパッドでピンチ操作するか、Ctrlキーを押しながらスクロールします。
  • キーボード： Tabキーで写真を選択し、矢印キーで移動します（Shiftキーを押すと移動量が大きくなります）。+キーと-キーでズームし、0キーを押すとリセットできます。フレーム間のすき間にフォーカスがある場合、矢印キーでフレームのサイズを変更できます。

レイアウト

  • テンプレート： 追加した画像の枚数に合わせたレイアウトで、多くの場合、視線を引きつける大きな写真が1枚含まれます。画像が9枚を超える場合、最初の9枚だけが使用されます。
  • グリッド： 行と列に同じサイズのフレームを配置します。写真のトリミングができるだけ少なくなるように列数が選ばれますが、変更することもできます。
  • モザイク： すべての写真の形状を保ち、トリミングしません。各行の写真は同じ高さになり、行は幅いっぱいに配置されるため、コラージュの高さは写真と行数によって決まります。

仕組み

画像はブラウザーによってデコードされ、アップロードされることはありません。プレビューには、コラージュを縮小した画像が表示されます。ダウンロード時には、コラージュがキャンバス上に実際のサイズで描画され、選択した形式で保存されます。そのため、コラージュのサイズで可能な限り多くのディテールを写真に残せます。

ヒント

  • すべての写真の周囲に均等なフレームを作るには、間隔と境界線を同じ幅にします。
  • 写真にはJPGファイルが最も小さいサイズになります。透明な背景を使用する場合は、PNGまたはWebPを使用してください。
  • 非常に大きなコラージュは、一部のブラウザーでは大きすぎる場合があります。特にスマートフォンでは注意が必要です。保存に失敗する場合は、幅を小さくしてください。