16:9、1:1、4:5、9:16——圖片裁剪比例實作指南
裁剪不是修邊。裁剪是用同一組像素做出不同的圖——一張決定觀眾注意什麼的圖。比例選錯就跟平台對著幹;構圖框錯就把主體藏掉了。這篇指南把現代圖像 95% 場景能覆蓋的四個比例、什麼時候用哪個、以及最快的實作方式講清楚。
本文使用:paste-to-download.com/zh-TW/tools/crop-image——瀏覽器本地,有比例預設,不上傳。
真正重要的四個比例
1:1(方圖)
- 用於:Instagram Feed 預設、LinkedIn 輪播、大頭貼、商品縮圖
- 優點:平衡、對稱、縮到小尺寸也清楚
- 缺點:浪費手機螢幕直向空間
方圖是「不知道最終在哪展示」時的安全選擇。幾乎任何平台的二次裁剪都不會糟蹋它。
4:5(直圖)
- 用於:Instagram Feed(2026 年觸及最高)、Pinterest、行動優先的電子報
- 優點:手機螢幕占的縱向像素更多——像素多 = 注意力多
- 缺點:橫向螢幕被加黑邊,電腦/電視上彆扭
如果你是創作者追求互動率,feed 預設選 4:5 而非 1:1。直向多出來的像素確實能拉高停留率。
16:9(橫圖)
- 用於:YouTube 縮圖、X 橫圖貼文、部落格頂圖、簡報、影片
- 優點:符合過去 20 年所有螢幕
- 缺點:手機上偏小,常被行動 App 二次裁剪
橫向上下文有意義時選 16:9——風景照、商品全景、儀表板截圖。
9:16(直向 Story/Reel)
- 用於:Instagram Story/Reel、TikTok、YouTube Shorts、Threads 直式貼文
- 優點:滿螢幕手機、沒黑邊、直向觀看原生比例
- 缺點:桌面完全失靈,需要額外 UI 包裝
比例鎖最嚴格的一個。要嘛本來就直拍,要嘛源圖夠寬、主體在中間 60% 區間還能 survive 9:16 的裁切。
第 1 步:打開圖片並鎖定比例
打開 /zh-TW/tools/crop-image。拖檔案、Ctrl+V(Mac 上 ⌘+V)貼上,或點擊選檔。在預設下拉選:
- 方圖 1:1
- 橫圖 16:9
- Instagram 直圖 4:5
- 直向 / Story 9:16
裁剪框立刻吸附到那個比例。拖角點改大小——比例維持鎖定。
第 2 步:把裁剪框對準主體
三分構圖法是「無聊但對」的預設。把畫面分成 3×3 格,讓主體焦點(通常是眼睛、Logo、最亮區)落在四個交點之一。
- 人臉:眼睛在上三分線
- 商品:商品落在某條垂直三分線,另一側留負空間
- 風景:地平線在上或下三分,不要正中
- 行銷素材的 Logo:通常置中求對稱,但如果上半部要疊文字就放下三分
如果你處理的是別人構好的照片,先辨識他的視覺焦點——照他的意圖裁,不要硬掰。
第 3 步:貼緊主體邊緣但留餘地
業餘構圖最常見的錯就是邊距太大。「邊距太大」意思是:縮成縮圖時,主體在大空間裡成了一顆小點。
粗略法則:主體邊緣到裁剪框留 5%–10% 內距。夠緊讓眼睛鎖定主體,夠鬆構圖不至於壓迫。
paste-to-download 的裁剪工具有即時像素讀數——方便精確匹配平台尺寸(IG 方圖 1080×1080,IG 直圖 1080×1350 等)。
第 4 步:匯出 + 重新命名
按 裁剪並下載。檔名很重要,因為很可能要出多個版本:
launch-photo-1x1.jpg(Instagram Feed)launch-photo-4x5.jpg(Instagram 直圖)launch-photo-9x16.jpg(Story/Reel)launch-photo-16x9.jpg(X / YouTube 縮圖)
檔名帶比例,未來的你(和設計師)就不用每張打開才知道放哪。
常見的坑
沒鎖比例直接縮放。沒鎖定比例就縮,臉和商品會被拉變形。永遠先按比例裁剪,再按像素縮尺寸。
切在主體關節處。手腕、膝蓋、腳踝這些自然分割點切下去看起來都很怪。切在小臂、大腿、小腿處。
用桌面構圖硬塞行動端。最終要出 Story/Reel,就從一開始按 9:16 構圖。把 16:9 源圖硬塞 9:16 等於砍掉 60% 橫向。
忘了去浮水印 / 時間戳。快贏:裁更緊以排除錄影燒入的時間戳、版權文字、錄影 UI。
最快路徑
單圖單平台:
- /zh-TW/tools/crop-image
- 拖圖、選比例預設
- 調框位、按「裁剪並下載」
30 秒。不上傳。裁好的圖除非你自己上傳出去,否則永遠不離開你的裝置。