IMG.DIY / 基本 / 写真コラージュ

写真コラージュ

複数の写真を1枚の画像に結合。縦積み・横並び・グリッド状に配置できます。

写真コラージュ visual example
プライバシー第一:アップロードは一切ありません。

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

写真コラージュ: 1 · Choose input
1 · Choose input
写真コラージュ: 2 · Adjust and process
2 · Adjust and process
写真コラージュ: 3 · Download result
3 · Download result

スクリーンショットを縦につなげたり、ビフォー・アフターを並べたり、複数の写真をきれいなグリッドに配置したり。レイアウト・間隔・背景色を選び、結合した1枚の画像を書き出せます。

リアルタイムプレビュー付きで端末上で動作するため、何もアップロードされず、仕上がりに透かしも入りません。

使い方

  1. 画像を追加する結合したい写真をドラッグして追加します。
  2. レイアウトを選ぶ縦・横・グリッドから選び、間隔と背景色を設定します。
  3. ダウンロードする「コラージュをダウンロード」をクリックすると、結合した画像を保存できます。

複数の画像を 1 枚に組み合わせる

写真を読み込み、レイアウト(縦・横・グリッド)を選び、投稿や送信ができる 1 枚の画像に組み合わせます。縦の積み重ねは、手順解説やチャットのスクリーンショット向けの定番の「縦長画像」です。横はビフォー・アフターのペアに、グリッドは複数の写真を整ったブロックにまとめます。画像間の間隔を調整し、背景色を合わせられます。

すべてブラウザ内の canvas 上に描画されるので、写真は端末に留まります。アカウントもアップロード待ちもありません。並べて、間隔を微調整し、完成した画像をダウンロードします。

1 枚の組み合わせ画像がフォルダに勝る理由

一部のプラットフォームは画像を 1 枚しか添付できず、1 枚に組み合わせた画像なら、閲覧者がカルーセルをスワイプしなくても順序どおりに読めます。縦長のコラージュは、レシピや手順、一連のスクリーンショットを 1 枚のスクロールできる画像として共有する標準的な方法です。

間隔と背景のコントロールこそ、コラージュを意図したとおりに見せるものです。写真の間に数ピクセルの白を入れるとすっきり読め、間隔ゼロなら連続したパネルになります。背景を画像やブランドに合わせれば、全体が貼り合わせではなく構成されたものに見えます。

こんな使い方をされています

長いスクリーンショットを作る — チャットやアプリのスクリーンショットを縦に積み重ね、手順やスレッド用の 1 枚のスクロール画像にします。

ビフォー・アフターを見せる — 2 枚の写真を並べて、編集やリフォーム、フィットネスの成果を比較します。

グリッド投稿を作る — 商品や旅行の写真を 4 枚や 6 枚、整ったグリッドに並べて 1 つの SNS 投稿にします。

レシピを 1 枚で共有 — 手順の写真を上から下へ積み重ね、フォロワーが全工程をスクロールできるようにします。

1 回のアップロードにまとめる — フォームやプラットフォームが画像 1 枚しか受け付けないとき、複数の写真を 1 枚にまとめます。

ムードボードを作る — 参考画像やスウォッチをグリッドにまとめて 1 枚のボードにし、クライアントに送ります。

パノラマ風の写真をつなぐ — 横方向のフレームをつなぎ合わせ、専用アプリなしで横長のシーンを作ります。

間隔と背景を設定 — きれいな白い間隔や色付きの縁を加え、各パーツが 1 枚の構成された画像に見えるようにします。

写真を一枚の画像に——アカウントも、思い出をまたぐ透かしもなしで

コラージュは、たいてい小さな個人的作業です。散髪やリフォームを見せるためのビフォー・アフター2枚を並べる。サポートに問い合わせるためのスクリーンショットの帯。出品用に同じ商品を別角度から撮った3枚。祖父母のための子どもたちのグリッド。どれもデザインプロジェクトではありませんが、検索結果を占めるツールはそれを一つのプロジェクトのように扱います——サインインし、エディタの読み込みを待ち、頼んでもいないテンプレートから選ばせ、そして無料の書き出しが隅に小さなロゴを落とすか、まさに立ち去ろうとするところでサブスクへ誘導するのに気づく。

仕組みは慎ましいものです。画像を隣り合わせに置くこと——縦に積む、横に並べる、グリッドに配置する——はキャンバス上の算数です。各写真を測り、レイアウトを決め、新しいビットマップに描き込み、そのビットマップをダウンロード可能なファイルとして読み戻す。IMG.DIY はまさにこれをブラウザ内で行います。写真はローカルで読み込まれ、ページを一切離れないキャンバス上で合成されます。サーバーに保存するものがないのでアカウントの関門はなく、画像は終始あなたの端末に留まるのでアップロードもありません。

そのローカルな手法は、写真が個人的であるとき、一見して思う以上に重要です。家族の写真、経過を記録した医療写真、たまたま名前や残高が写り込んだスクリーンショット——これらは一切送信されずに結合・ダウンロードされます。そしてPWAが初回アクセス後にキャッシュされるので、まったく接続なしでコラージュを作れます。無料、登録不要、完成した画像にはあなたの写真だけが載り、それ以外は何もありません。

何が違うのか

  • 正直な3つのレイアウト。 縦積み、横帯、グリッド——人が実際に欲しがる配置を、何百ものテンプレートを探し回ることなく。
  • 端末に留まる。 すべての写真がローカルで合成され、何もアップロードされません。コラージュが家族や個人のものであるとき、これは重要です。
  • 透かしは決してなし。 書き出しはどんなサイズでもきれい——隅のロゴも、「〜で作成」のタグもありません。
  • アカウントも、読み込むエディタもなし。 ページを開き、写真をドロップし、配置し、ダウンロード。
  • オフラインで使えます。 PWAとしてキャッシュされるので、飛行機の中でも電波がなくても動きます。

IMG.DIY と他のコラージュツールの比較

観点 デザインスイート(Canva) 写真エディタ(Fotor) ウェブツール(BeFunky) IMG.DIY
ファイルのアップロード あり、クラウドへ あり、クラウドへ あり、クラウドへ なし、ブラウザ内に留まる
アカウントの要否 必要 必要(大半の機能で) 必要(大半の機能で) 不要
価格 無料枠、Proはサブスク 無料枠、Proはサブスク 無料枠、Plusはサブスク 無料
無料書き出しの透かし 一部の素材/書き出しで 一部の無料機能で 一部の無料機能で 決してなし
オフライン動作 不可 不可 不可 可、初回アクセス後
テンプレート数 膨大 多い 多い なし(意図的に)
得意分野 フルなデザイン 豊富な写真編集 エフェクト+コラージュ 手早くプライベートなコラージュ

代替手段に公平を期すなら——Canva、Fotor、BeFunky は強力で作りの良いツールで、膨大なテンプレート、フィルター、ステッカー、文字エフェクト、そして IMG.DIY が提供しないレイアウトを備えています。洗練されたポスターをデザインしたい、顔をレタッチしたい、何百ものプリセット配置を試したいなら、それらが適切なツールであり、サブスクの価値があります。IMG.DIY はあえて少なくやります。日常のケース——これらの写真を一枚の画像にまとめ、クラウドから遠ざけ、透かしもログインもないきれいなファイルを得る——を扱い、それを手早く無料でこなします。コラージュが創造的プロジェクトではなく雑用であるとき、少ないことこそが機能なのです。

IMG.DIYの特長

3つのレイアウト

縦・横・グリッドから選べます。

間隔を調整

画像どうしの間隔を調整できます。

背景色

任意の背景色を選べます。

プライバシー保護

端末内で結合され、アップロードされません。

よくある質問

画像はすべて同じサイズである必要がありますか?
いいえ。共有する辺やグリッドのセルに沿ってきれいに揃うよう、拡大縮小されます。
グリッドはどのように配置されますか?
画像は追加した順に、ほぼ正方形のグリッドを埋め、それぞれセルの中央に配置されます。
書き出しの形式は何ですか?
共有しやすい1枚のJPG画像です。
ファイルはアップロードされますか?
いいえ。コラージュはすべてブラウザ内で作成されます。
どのレイアウトを選べますか?
画像を縦(長い積み重ね画像)、横(並べる)、またはグリッドに組み合わせられます。縦は長いスクリーンショットや手順解説に最適で、グリッドは複数写真の SNS 投稿に向いています。
画像間の間隔を制御できますか?
はい、調整できる間隔があります。ゼロに設定すれば連続した間隔なしのパネルに、数ピクセル加えればすっきり分かれた見た目になります。
背景色を変えられますか?
はい。間隔や画像の周りの余った空間は、選んだ背景色を使うので、写真やブランドの白に合わせられます。
画像は同じサイズである必要がありますか?
いいえ、ただし寸法をそろえると、特にグリッドで最も整った結果になります。異なるサイズでも組み合わせられ、レイアウトが位置をそろえ、背景が隙間を埋めます。
つなげられる画像の枚数に制限はありますか?
厳密な制限はありませんが、多数の高解像度写真による非常に縦長のコラージュは、大きな最終画像になりメモリを多く使います。すべてローカルで動作するので、お使いの端末次第です。
完成したコラージュはどの形式で保存されますか?
組み合わせた画像は、どこにでも投稿・送信できる標準的な画像ファイルとしてダウンロードされます。canvas 上でレンダリングされるため、書き出しは選んだ間隔と背景が焼き込まれたフラットな画像です。

関連ツール

ガイド&コツ