または、ここにメイン商品画像をドロップしてください
PNG / JPG / GIF / WebP 対応
Ctrl+V で貼り付けも可能
関連ツール
商品画像ピクチャーインピクチャーとは
メイン商品画像にカラーバリエーション・ディテール・使用シーンなどのサブ画像を小窓として重ねて1枚に合成できる無料ツールです。楽天・Amazon・Shopify・BASE など各 EC モールの商品画像制作を想定した装飾プリセット（白枠・影・丸切り抜き）と、9 グリッドの位置プリセット、サイズプリセット（ベース短辺の 1/3〜1/6）を備え、ブラウザだけで完結。画像はサーバーに送信されません。
こんな時に使えます
カラバリを1枚に集約
メインのスタジオ撮影画像に、各色の商品サムネを四隅に白枠付きで。色展開をひと目で伝えるサムネ画像に。
ディテール・素材の拡大
商品全体ショットに、縫製・素材・刻印などの拡大画像を丸型で添付。「どんな素材？」の疑問を画像 1 枚で解消。
Before/After・サイズ比較
化粧品・家具の Before/After、手のひらや部屋との大きさ比較を同じフレームに。購買決定を後押し。
使い方（3ステップ）
ベース画像（メイン商品画像）を読み込む
ドラッグ&ドロップ、「ベース画像を選択」ボタン、または Ctrl+V で貼り付けて読み込みます。PNG / JPG / GIF / WebP に対応。
サブ画像を追加して配置を決める
右サイドバーの 「サブ画像を追加」 から最大 8 枚まで取り込めます。サブ画像はドラッグで位置調整、四隅ハンドルで比率維持のリサイズ（Shift で自由変形）。 レイアウトテンプレート（左上2×2 / 四隅 / 下段横並び / 左右対称 など 8 種）でワンクリックで整列、位置プリセット（9 グリッド）・サイズプリセット（1/3〜1/6）・装飾プリセット（なし / 白枠 / 白枠+影 / 丸抜き）で細部調整。 Shift + クリック または 空白からドラッグで矩形選択 で複数選択し、まとめて移動・矢印キーで微調整できます。
出力サイズを選んでダウンロード
出力サイズは「そのまま」のほか、正方形 700 / 1024 / 1080 / 2000 px（楽天 / Shopify / Instagram / Amazon 推奨）や 長方形 1200×800 / 1920×1080 をプリセット選択。ベースと比率が違う場合は中央 contain 配置＋白余白で自動調整。PNG / JPEG / WebP で「ダウンロード」または「画像をコピー」でクリップボードへ。
よくある質問
複数のサブ画像を重ねて1枚の商品画像を作れますか？
はい。ベース画像に対してサブ画像を最大 8 枚まで重ねられます。四隅・中央上下左右・中央の 9 グリッドから位置プリセットを選ぶか、ドラッグで自由配置可能。重なり順も最前面/最背面ボタンで切替できます。
楽天の商品画像（正方形）に出力できますか？
右サイドバー「出力サイズ」で正方形 700 / 1024 / 2000 px などのプリセットをワンタップで選べます。ベース画像と比率が違っても自動で余白を調整し、小窓の相対位置は保たれます。JPEG 出力にも対応。
サブ画像に白枠や影を付けて目立たせられますか？
装飾プリセットから「なし / 白枠 / 白枠+影 / 丸く切り抜き」を選ぶだけで、ポラロイド風の枠や丸抜きサムネに。枠サイズは短辺比率で自動スケールするので、どんなサイズでも崩れません。
画像はサーバーに送信されますか？機密の商品画像でも大丈夫？
いいえ。全てブラウザ内で処理され、画像がサーバーへアップロードされることはありません。未発売商品のサンプル画像や社外秘の素材でも安心して扱えます。
カラーバリエーションの整列をもっと素早く済ませられますか？
はい。レイアウトテンプレートを 8 種用意しています（左上2×2 / 右上2×2 / 四隅 / 右下単体 / 下段横並び / 左縦並び / 右縦並び / 左右対称）。サブ画像を追加してからテンプレをクリックするだけで、ワンタッチで位置・サイズが整列されます。アイコン付きの縮小プレビューで視覚的に選択できます。
複数のサブ画像をまとめて動かしたり整列させたりできますか？
できます。Shift + クリック で個別に追加選択、または 空白エリアからドラッグ で矩形範囲の複数選択が可能。複数選択中はそのままドラッグでまとめて移動、矢印キーで ±1px（Shift 併用で ±10px）の微調整もできます。ドラッグ中はベース画像や他サブ画像のエッジ・中心・等間隔に自動スナップするので、目視でピクセル単位の整列が可能です。
やり直しはできますか？
はい。Ctrl+Z で元に戻す、Ctrl+Shift+Z（または Ctrl+Y）でやり直しできます。直近 20 ステップまで遡れるので、テンプレ適用後に手動調整を試しても安心して戻せます。