圖片處理 · 實用教程

橫圖和豎圖統一成方形:裁剪、留白還是拉伸

橫圖、豎圖做成同一尺寸的方形封面,先決定能否裁掉內容。比較裁剪、等比放入方形畫布與拉伸的區別,用尺寸示例覈對主體、邊距和輸出像素,避免人物變形或重要文字被切掉。

AI Lab 內容維護 · 更新於 · 約7分鐘閱讀

先看結論

把橫圖和豎圖統一成方形,先決定哪些內容必須保留。如果主體集中、邊緣可以捨棄,可用方形裁剪;如果整張圖都重要,可以等比放進方形畫布,接受留白。直接把寬高改成相同數值雖然也能得到方圖,卻可能拉扁或拉長畫面。

查看工具與使用範圍

開始前先確認

裁剪、留白與拉伸是本文比較的三種常見方式。選哪一種取決於內容和交付要求,不能僅憑“都是方形”認定結果一致。

先分清形狀、像素與畫面

1:1只說明寬高相等,300×300和1200×1200都符合這個比例,但可保留的圖像細節不同。統一方形後,還要覈對目標像素、文件格式與體積上限,不能只看縮略圖外框。

也要明確“統一”的對象。每張畫布一樣大,不等於裏面的人物或商品看起來一樣大。若要做整齊的列表,還需觀察主體佔比、上下位置與邊距;這些通常需要逐張判斷。

方式對原畫面的影響更適合的情況主要檢查項
裁剪去掉選區之外的內容主體集中,邊緣可捨棄是否切斷人物、文字、標誌
留白原畫面等比放入方形畫布全景、多人合照、完整資料主體是否太小,底色是否合適
拉伸橫縱方向按不同幅度變形明確允許變形的抽象素材圓形、比例和紋理是否失真

裁剪:先選保留區域,再縮到目標大小

不要默認所有圖片都從正中央裁。主體在一側時,應移動方形選區;重要文字分散在兩端時,中央裁剪可能兩邊都損失。先觀察四個邊緣,再決定選區位置,比裁完才補救更直接。

示例:一張1800×1200像素橫圖需要做成900×900方圖。若保留最大的方形選區,可以先選1200×1200,再按900÷1200=0.75等比縮小。橫向共有600像素不在選區內;居中裁時左右各去掉300像素,選區偏移後則不必均分。

同樣的思路用於1200×1800豎圖時,去掉的是縱向總計600像素。數字能說明裁去多少範圍,卻不能判斷頭頂、腳部或文字是否值得保留,必須結合實際圖像看。

關於移動選區和檢查導出尺寸,可參考圖片裁剪教程。裁剪保留下來的區域若本來就小,再放大不能補回缺少的細節。

留白:保留內容,但注意主體會變小

仍用1800×1200橫圖和900×900目標畫布舉例。把原圖等比縮到900×600後,畫布還剩300像素高度;若垂直居中,上下各留150像素。對應的1200×1800豎圖則縮成600×900,左右各留150像素。

這種做法保留了畫面的全部範圍,但不是“全過程無損”:本例的原圖已經縮小,導出時也可能採用有損編碼。準確的說法是沒有因裁剪丟掉邊緣內容,不能據此保證細節與原件完全相同。

留白也不一定要純白,可按設計要求使用統一底色;若需要透明畫布,還要確認接收方是否支持透明格式。不要把透明預覽的白底誤認成文件已經有白色背景。

這些步驟需要具備畫布或背景設置能力的編輯器。本文沒有核驗本站裁剪工具支持留白,不應把一般排版方法當作它的按鈕說明。

拉伸:人物、文字和商品形狀要謹慎

把1800×1200直接改成900×900,橫向縮放比例爲0.5,縱向爲0.75,兩者不同。畫面雖已變方,主體相對原來會顯得更高更窄;圓形可能變成橢圓,文字也可能失去原本比例。

這不是文件損壞,而是非等比變形帶來的結果。遇到此類問題,應回到原圖,重新選擇裁剪或留白,不要繼續靠反方向拖動猜着修正。只有素材本身允許這種變化時,才把拉伸作爲明確的設計選擇。

混合一批圖片,先按內容分組

同一批素材不必強迫使用相同處理方式。可以先挑主體居中、邊緣內容較少的圖片做裁剪;將多人合照、長商品和帶完整文字的圖片單獨檢查,再決定是否留白或換用更合適的原素材。

先各選一張橫圖、豎圖和重要內容靠邊的圖試做,查看同一列表中的效果。這裏的試做是建議步驟,並非本文已經完成的實測。批量處理後仍需逐項覈對,樣本沒問題不能代表其餘圖片都沒有裁錯。

若留白版本的主體明顯比裁剪版本小,可以回看原構圖或重新安排素材。不要爲了列表看起來一樣飽滿,直接把完整人物拉伸變形。

導出後再驗收一次

從下載目錄打開結果,覈對寬高是否相等、像素是否達到要求,再看人物、商品輪廓、文字和標誌。畫面比例正確不保證文件體積達標,換一種編碼也可能改變大小。PNG與JPEG的格式特性可參考MDN圖片格式指南。

如果交付頁還會自動裁切,應在其預覽中再檢查主體位置。保留原件,並用文件名區分裁剪稿與留白稿,避免下次只能從已裁掉內容的版本繼續修改。

準備採用裁剪時,可打開AI Lab圖片裁剪。公開資料說明它支持調整選區與固定比例,9積分解鎖後當前賬號長期有效,結果另存。它不會自動補全選區外內容;若必須保留整幅畫面,應先選擇合適的排版方式。

依據與進一步閱讀

外部資料用於說明格式與語法,本站步驟與限制以當前產品實現爲準,不代表第三方背書。

試着完成自己的任務

先用一份小樣本驗證流程,再處理正式文件。指南免費閱讀,工具的體驗範圍與積分價格見產品詳情。

打開相關工具

本文由AI輔助整理,並對照本站實現覈對。例子用於說明操作,不代表所有設備與文件都已實測。反饋內容問題