SNSに上げる3×3のグリッド投稿は、1枚ずつ切り抜く必要はありません。1:1 に切り抜き、スライスツールで 3×3 に分割し、PNG を9枚まとめて書き出すだけ。2分もかかりません。手順と数値はすべて書いてあるので、Photoshop でも オンラインPS でも同じようにできます。
ステップ1:正方形(1:1)に切り抜く
- オンラインPS(zaixianps.cc)を開き、「ファイル → 開く」をクリックするか、ローカルの画像を編集エリアに直接ドラッグします。
- 左側のツールバーで切り抜きツール(Crop Tool)を選択します。
- 上部のオプションバーで「固定比率(Ratio)」にチェックを入れ、
1:1を入力します。 - カンバス上でドラッグして正方形の選択枠を作り、構図が決まったら上部の✓をクリックします。
ステップ2:スライスツールを使う
- 左側のツールバーでスライスツールを探します(刃物のようなアイコンです)。見当たらない場合は、「切り抜きツール」のサブツールを長押しすると表示されます。
- 選択するとカーソルが十字になり、スライス操作の準備が整います。
ステップ3:3×3 のグリッドに分割する
- 画像が正方形のまま(幅 = 高さ)であることを確認します。この状態で上部のオプションバーに「分割」ボタンが表示されるので、クリックします。
- 「水平」にチェックを入れて N を
3に、「垂直」にチェックを入れて N を3に設定します。 - OK をクリックすると、カンバスが9等分のスライスに自動で分割されます。
ステップ4:すべてのスライスを PNG で書き出す
- 左上の「ファイル → 書き出し → PNG…」をクリックします(ショートカット Ctrl+Shift+Alt+S でも可)。
- 表示された「書き出し」ダイアログの左下にある「スライス」オプションで、ドロップダウンを開きAll Slices を選択します。
- 「保存」をクリックすると、ブラウザが
.zipファイルをダウンロードします。 - この圧縮ファイルを解凍すると、9枚の PNG ファイルが確認できます(既定の名前は
slice_1.png、slice_2.png … slice_9.pngのような形式です)。
💡 まとめ
これで1枚の写真を、同じサイズの9枚の画像に素早く分割できました。次のような用途に向いています:
- Instagram → 3×3 のグリッド投稿
- SNSのカバー画像 → クリエイティブなレイアウト
- デジタルアルバム → 1コマずつ見る表示
ヒント:各画像の間に余白を入れたい場合は、切り抜きの前にカンバスサイズを大きめにしておき(例:1080×1080 → 1200×1200)、スライス時に「間隔」を 0 に設定したうえで、あとから各スライスに枠線やドロップシャドウを付けます。
参考資料
- Adobe Photoshop 公式ドキュメント
- HTML5 とモダンなフロントエンドによる画像処理の仕組み
- オンラインPS