T
transform-build-mosaic-collage-with-transloadit
transform-build-mosaic-collage-with-transloadit について
複数の画像をTransloadit CLIでモザイクコラージュに配置するスキルです。画像コラージュの作成向けで、キャンバス、余白、背景、シードを指定して同じレイアウトを再現できます。
主な機能
- 01複数画像のモザイク合成
- 02キャンバスサイズと背景の設定
- 03枠線とタイル間隔の調整
- 04シードによるレイアウト再現
- 05入力画像の順序変更
活用シーン
- 01写真をコラージュに配置
- 02余白と背景を指定した画像レイアウト
- 03同じシードでのコラージュ再生成
- 04縦横画像を組み合わせたグリッド作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ transloadit/ skills --skill transform-build-mosaic-collage-with-transloaditインストール後、Claude Code で/transform-build-mosaic-collage-with-transloaditを入力して読み込まれたか確認します。
詳細
入力
- ローカル入力画像の絶対パスを2つ以上
- 出力パス(省略可能)。デフォルトは、現在の作業ディレクトリに明示的に指定された
collage.jpgです - キャンバスサイズ(
--width、--height。省略可能)。デフォルトは1920×1200です - 決定論的なレイアウトにするための
--seed(省略可能)
手順の準備
次の順序で認証情報を解決します。
- シェル環境変数
- 現在の作業ディレクトリにある
.envのみ ~/.transloadit/credentials
.env が親ディレクトリにある場合は、先に変数をシェルにエクスポートしてください。
実行
npx -y @transloadit/node image merge \
--input ./photo-a.jpg \
--input ./photo-b.jpg \
--input ./photo-c.jpg \
--input ./photo-d.jpg \
--input ./photo-e.jpg \
--input ./photo-f.jpg \
--effect mosaic \
--width 1920 \
--height 1200 \
--border 12 \
--shuffle \
--format jpg \
--output ./collage.jpg
コマンドの実行後、想定される出力パスに画像が存在することを確認してください。
調整
--border 12は、キャンバス外周の余白とタイル間の間隔の両方を設定します。値を大きくすると、余裕が生まれます。--background '#eee5d3'は、間隔とキャンバスの余白を塗りつぶします(デフォルト)。16進カラーコードと名前付きカラーのどちらも使用できます。--background none(--format pngまたは--format webpと併用)を指定すると、キャンバスと間隔が透明になります。--shuffleを指定すると、レイアウトの計算前にRobotが入力の順序を変更します。--seedと組み合わせると、シャッフル順を固定できます。--seed 42を指定すると、モザイクの計算が決定論的になります。同じ入力で再実行すると、同じ出力を再現できます。
失敗した場合のデバッグ
npx -y @transloadit/node assemblies get <assemblyIdOrUrl> -j
注意:
--inputの値を複数指定すると、単一の/image/mergeアセンブリにまとめられます。- モザイク効果は各入力のアスペクト比を読み取り、整列したタイルレイアウトを計算します。一般に、縦向きと横向きの画像を混在させると、サイズが均一な画像よりも興味深いレイアウトになります。
- タイルは、割り当てられた長方形に収まるよう中央でトリミングされます。写真の一部が切り取られる場合があります。事前に
/image/resizeとresize_strategy: fitで入力をリサイズしても、モザイクレイアウトですべてのピクセルが保持されるとは限りません。 - 拡張子を確実に指定するため、ディレクトリ出力より明示的な出力ファイル名(例:
./collage.jpgまたは./collage.png)を指定してください。
コメント
Markdown 対応