FIXLGSTOOLBOX
画像編集

014 · IMAGE EDIT

画像コラージュ作成ツール

複数の写真を2・3・4分割やグリッドレイアウトに配置し、1枚のコラージュ画像を作成します。

LOCALブラウザ内で処理
WORKSPACEコラージュ作業エリア

ここに画像をドロップして追加できます。

画像はサーバーへ送信されず、現在のブラウザ内で処理されます。

JPG・PNG・WebP・最大12枚

NEXT WORK

次の作業

RELATED TOOLS

関連ツール

HOW TO USE

使い方

  1. 01

    画像を複数選択します。

  2. 02

    2・3・4分割またはグリッドレイアウトを選択します。

  3. 03

    必要に応じて画像一覧の順番を変更したり、セルに別の画像を割り当てます。

  4. 04

    セルを選択し、塗りつぶす・全体表示と画像の拡大率を調整します。

  5. 05

    プレビュー内で画像をドラッグして表示位置を調整します。

  6. 06

    出力比率とピクセルサイズを確認します。

  7. 07

    画像間隔と外側余白を調整します。

  8. 08

    枠線と背景色、または透明背景を設定します。

  9. 09

    PNG・JPG・WebPから出力形式を選択します。

  10. 10

    ダウンロードして1枚のコラージュ画像として保存します。

COLLAGE GUIDE

写真を自然できれいに配置するコラージュの実務基準

コラージュは画像をセルに入れるだけではなく、レイアウト比率、画像の合わせ方、視線の中心、間隔、背景、最終出力サイズをまとめて調整することが重要です。
2・3・4分割

少ない写真のコラージュ

各写真の面積を十分に確保しやすく、人物・商品・ビフォーアフターなどをはっきり見せたい場合に向いています。

写真数とセル数を先に合わせると、空きセルや待機画像を減らせます。
グリッド

複数写真を均等に整理

2×3・3×2・3×3の規則的なセルは、旅行・イベント・商品セットなど多くの写真を1枚にまとめる場合に便利です。

縦横比が大きく異なる写真では、塗りつぶしと位置調整を一緒に確認します。
大きいセル + 小さいセル

代表画像を強調する構成

主役の写真を大きく、補助写真を小さく配置すると視覚的な優先順位が明確になります。

人物や商品が切れないよう主画像の表示位置を調整します。

レイアウト選択の基準

  • 写真数が少ない場合は各セルを大きくし、画像が窮屈に見えないようにします。
  • 写真数が多い場合は規則的なグリッドの方が全体のバランスと順序を整理しやすくなります。
  • 代表画像がある場合は、同じ大きさのグリッドより大きいセルを含むレイアウトが視線の流れを作りやすくなります。

注意事項

  • 塗りつぶしはセル全体を埋めますが画像の一部が切れる場合があります。全体表示は画像全体を見せる代わりに空きスペースが生じる場合があります。
  • 画像間隔と外側余白は別の値です。セル間の間隔とキャンバス外周の余白を個別に確認します。
  • 透明背景はPNG・WebPで維持できますが、JPGは透明度を保存できないため背景色と合成されます。

LAYOUT ROUTES

写真構成に合うコラージュの選び方

写真数、代表画像の有無、元画像の縦横比からレイアウトを選ぶと、後の調整を減らせます。
2枚2分割

ビフォーアフター・ペア写真

左右または上下の流れが明確で、両方の写真を大きく見せられます。

3枚大 + 2

代表写真 + 補助写真

1枚を強調しながら2枚の補助写真も同時に見せます。

4枚2×2

バランスの良い基本構成

各写真を同じ比重で見せやすい標準的なレイアウトです。

6〜9枚グリッド

旅行・イベント・商品セット

規則的なセルで多くの写真を素早く整理し、全体のバランスを保ちます。

PRACTICAL DETAILS

ダウンロード前の実用チェック

01

画像の縦横比

縦写真と横写真が混在すると、同じセルでも切れる位置が異なります。各セルを選択して表示範囲を確認します。

02

塗りつぶしと全体表示

人物や商品のように切れてはいけない画像は全体表示を先に確認し、余白が不自然なら塗りつぶしへ切り替えて位置を調整します。

03

視線の中心

顔・商品・文字など重要な部分が適切な位置に来るようプレビューで画像位置を調整します。

04

間隔と枠線

大きい間隔と太い枠線を同時に使うと写真の表示面積が急に小さくなります。両方を一緒に調整します。

05

出力比率

掲載先の比率を先に決めてから構成すると、最後に強制的な切り抜きや作り直しを減らせます。

06

透明背景

チェック柄は透明領域の表示用で出力には含まれません。JPGでは透明度を維持できません。

07

大きい元画像

圧縮ファイルが小さくてもピクセル数が非常に大きいとブラウザメモリを多く使用します。上限警告が出る場合は小さい元画像を使用します。

08

最終確認

保存前にセルごとの切れ方、順序、空きセル、間隔、背景、最終ピクセルサイズを再確認します。

FAQ

よくある質問

01画像は何枚まで追加できますか?+

基本サービスでは最大12枚を選択でき、レイアウトは最大3×3の9セルまで対応します。

02セルに合わせると画像が変形しますか?+

いいえ。元の縦横比を維持し、塗りつぶすまたは全体表示で配置します。

03セル内の画像位置を変更できますか?+

はい。セルを選択してプレビュー上の画像をドラッグできます。

04レイアウト変更で画像は削除されますか?+

いいえ。アップロード済み画像は維持され、セル数を超えた画像は待機一覧に残ります。

05空のセルも使えますか?+

はい。空のセルは出力時に選択した背景色または透明領域になります。

元画像は変更されず、サーバーへ送信されません。結果がサービス上限を超える場合も自動縮小せず、出力サイズを下げて再作成できるよう案内します。