社群貼文尺寸調整
手機橫拍想做 1:1 IG 貼文?套用 1:1、拖曳對中主體、下載。4:5 直式、9:16 Stories、16:9 YouTube 等其他平台一個按鍵搞定。
圖片裁切器
拖曳裁切、套用標準比例(1:1、4:5、16:9、9:16…)、旋轉翻轉、輸出 PNG / JPG / WebP。全部在瀏覽器內運算 — 不上傳、免註冊。
Instagram 方形貼文:1:1。Instagram 直式貼文:4:5。Instagram / Facebook / TikTok / YouTube Stories:9:16。YouTube 影片縮圖:16:9(最低 1280×720)。X(Twitter)貼文圖:16:9 或 1:1。LinkedIn 貼文:1.91:1(接近 16:9)。單眼相機 / 手機照片原生:3:2。傳統 35mm 或舊數位相機:4:3。
一樣。畫面上的 canvas 會等比縮小用於顯示,但裁切的數學運算都在原始像素座標進行。當你按下下載時,輸出 canvas 會以原圖中被裁切的精確像素尺寸建立 — 不會因為螢幕預覽縮放而損失畫質。4000×3000 原圖裁切成 1000×1000 方形,會輸出 1000×1000 完整畫質。
把圖片拖到這裡、從剪貼簿貼上,或
原圖: —
裁切: —
為真實工作流程設計
你需要用到的所有尺寸、所有變形 — 不用開 Photoshop。
8 個控點 + 拖曳裁切
拖曳 8 個邊角 / 邊緣控點即可調整裁切框,或直接拖曳整個框移動位置。內建三分構圖法格線輔助構圖。
比例預設
一鍵套用 1:1(方形 / IG / 大頭貼)、4:5(IG 直式)、9:16(限時動態 / Reels / TikTok)、16:9(YouTube)、3:2 / 2:3(單眼)、4:3(傳統)、或自由比例。鎖定比例後,邊角控點會自動維持比例。
旋轉 + 翻轉
一鍵向左 / 右旋轉 90°、水平 / 垂直翻轉。變形會在裁切之前套用,所以你拉好的裁切框始終正確。
輸出時可轉換格式
可儲存為 PNG(無損)、JPG(品質 50–100% 滑桿)、WebP(同樣畫質下檔案比 JPG 小約 30%)、或維持原始格式。
保護隱私
所有資料都留在你的裝置上。圖片在瀏覽器中解碼、在 canvas 裁切、用 canvas.toBlob 輸出。打開 DevTools → Network 即可驗證沒有任何對外請求。
輕量且快速
純 JavaScript,無框架運行時。冷啟動 gzip 後不到 25 KB。裁切 4000 × 3000 像素的圖片並輸出,200 毫秒內完成。
如何裁切圖片
從拖曳到下載,四個步驟。
-
1
載入圖片
把任意圖片(JPG、PNG、WebP、AVIF、GIF、BMP)拖到放置區、點選擇檔案、或直接用 Ctrl/Cmd+V 從剪貼簿貼上。圖片在你的瀏覽器中解碼 — 完全沒有上傳。
-
2
選擇比例(或自由)
選擇你打算用的平台對應比例 — 1:1 給 Instagram 方形、4:5 給 IG 直式、9:16 給 Stories / Reels / TikTok、16:9 給 YouTube、3:2 給單眼形狀照片。或保持「自由」用任意比例。
-
3
拖曳調整
拖曳 8 個邊角 / 邊緣控點調整裁切框,或拖曳整個框移動位置。三分構圖格線會幫你抓構圖。鎖定比例後邊角控點自動維持比例。如果原圖上下顛倒或左右相反,用 旋轉 / 翻轉。
-
4
輸出
選擇輸出格式 — 保留原格式、或轉成 PNG(無損)、JPG(品質 50–100% 滑桿)、WebP(同畫質下比 JPG 小)。點下載,檔案會以原圖完整解析度儲存 — 不會因為螢幕預覽縮放而損失畫質。
為設計師、社群小編、家裡有手機照的爸媽打造
四種常見場景 — 在這些情況下,瀏覽器內裁切器比開 Photoshop 快太多。
大頭貼裁切
大多平台強制 1:1。套用方形、把臉放在上三分之一(比正中央好看)、下載。LinkedIn、Twitter / X、GitHub、Slack、Discord、公司內網都吃這張。
電商商品照處理
電商平台都喜歡一致比例 — Shopify、Etsy、Amazon、Shopee 都偏好 1:1 或 4:5。把一批手機照按平台規定比例裁切,三分構圖格線確保構圖一致。
手機截圖去邊
手機截圖會包含狀態列、導覽列、app 的多餘區域。把截圖丟入、拖框只保留內容、輸出為 PNG(無損)— UI 截圖不會因再壓縮產生雜訊。
100% 私密 — 在瀏覽器中運算
照片和截圖永遠不會離開你的裝置。打開 DevTools → Network,使用過程中沒有任何對外請求。
- 圖片解碼、canvas 渲染、旋轉 / 翻轉、PNG / JPG / WebP 編碼,全部以 JavaScript 在你的機器上執行。
- EXIF metadata 在重新編碼時會被去除(這也是隱私功能 — 你照片的 GPS 位置不會跟著輸出)。
- 無需登入、不對圖片內容埋點、無第三方圖片 API。只用一個 cookie 記錄 cookie 同意狀態,以及一個 cookie 記錄語言偏好。
相關文章
為社群尺寸、攝影構圖、圖片隱私精選的實用文章。
-
Social Media Image Sizes 2026 — Instagram, TikTok, YouTube, X, LinkedIn Reference
Every platform's required dimensions in one cheatsheet. Plus the aspect ratios that work without cropping on each.
-
The Rule of Thirds in Photo Cropping — When to Use It, When to Break It
A working photographer's guide to composition. Worked examples for portraits, landscapes, product shots, and social posts.
常見問題
[平台] 應該用什麼比例?
Instagram 方形貼文:1:1。Instagram 直式貼文:4:5。Instagram / Facebook / TikTok / YouTube Stories:9:16。YouTube 影片縮圖:16:9(最低 1280×720)。X(Twitter)貼文圖:16:9 或 1:1。LinkedIn 貼文:1.91:1(接近 16:9)。單眼相機 / 手機照片原生:3:2。傳統 35mm 或舊數位相機:4:3。
輸出解析度跟原圖一樣嗎?
一樣。畫面上的 canvas 會等比縮小用於顯示,但裁切的數學運算都在原始像素座標進行。當你按下下載時,輸出 canvas 會以原圖中被裁切的精確像素尺寸建立 — 不會因為螢幕預覽縮放而損失畫質。4000×3000 原圖裁切成 1000×1000 方形,會輸出 1000×1000 完整畫質。
為什麼手機照片有時會變橫躺?
手機相機把方向資訊存在 EXIF 標籤裡,而不是真的旋轉像素。某些瀏覽器(包含舊版 Safari)會自動套用,有些不會。如果圖片看起來橫躺,點旋轉按鈕 — 工具會用旋轉後的版本進行裁切與輸出。
裁切 JPG 會重新壓縮、損失畫質嗎?
會。JPG 是有損格式,只要透過 canvas.toBlob('image/jpeg') 儲存就會重新編碼。預設品質 92%(對大多數照片來說與原圖視覺上看不出差別)。如果需要完全無損,選 PNG 為輸出格式;如果要更小的檔案,選 WebP(同畫質下約小 30%)。
資料會傳到伺服器嗎?
完全不會。檔案用 FileReader 讀取、解碼為瀏覽器 Image、繪製到 canvas、用 canvas.toBlob 輸出。每一步都在你的瀏覽器內以 JavaScript 執行。打開 DevTools → Network 可驗證裁切與下載過程沒有任何對外請求。我們只用一個 cookie 記錄 cookie 同意狀態,以及一個 cookie 記錄語言偏好。