發朋友圈的九宮格,不用挨張裁。裁切成 1:1,用切片工具劃成 3×3,直接匯出九個 PNG,全程不到兩分鐘。步驟和數值都寫清楚了,Photoshop 和線上PS 都能做。
步驟 1:裁切為正方形(1:1)
- 開啟 線上ps(zaixianps.cc),點選「檔案 → 開啟」或直接把本地圖片拖進編輯區。
- 左側工具欄選擇 裁切工具(Crop Tool)。
- 在頂部選項列勾選「固定比例(Ratio)」並輸入
1:1。 - 在畫布上拖動形成正方形選框,調整到滿意的構圖後點擊頂部√。
步驟 2:使用切片工具(Slice Tool)
- 左側工具欄裡找到 切片工具(圖示像刀片),如果沒看到,可以在「裁切工具」的子工具中長按彈出。
- 選中後,游標會變成十字形,準備進行切片操作。
步驟 3:劃分為 3×3 的網格
- 確保圖片仍然是正方形(寬 = 高),此時在頂部屬性欄會出現 「劃分」 按鈕,點選 「劃分」 按鈕 。
- 勾選「水平」後設置N為:
3,勾選「垂直」後設置N為:3。 - 點選 確定後會自動把畫布切成 9 個等大的子切片。
步驟 4:匯出所有切片為 PNG
- 點選左上角「檔案 → 匯出為 → PNG…」 (或使用快速鍵 Ctrl+Shift+Alt+S)。
- 在彈出的「匯出」對話方塊左下角找到「切片」選項,點選下拉框並選擇 All Slices。
- 點選「儲存」後,瀏覽器會下載一個
.zip包。 - 解壓這個壓縮包,即可看到 9 張獨立的 PNG 檔案(預設名稱類似
slice_1.png、slice_2.png … slice_9.png)。
💡 小結
現在你已經把一張照片快速切成 9 張相同尺寸的小圖,適合用於:
- Instagram → 3×3 拼圖展示
- 社交媒體封面 → 創意排版
- 電子相簿 → 分格瀏覽
提示:如果想讓每張小圖之間有留白,可在「裁切」前先把畫布尺寸放大(如 1080×1080 → 1200×1200),然後在切片時把「間距」設為 0,後期再給每張切片加上邊框或陰影。
參考資料
- Adobe Photoshop官方文件
- HTML5與現代前端圖片處理原理
- 線上ps