如何在WordPress中裁剪和調(diào)整圖像大???
我們在這個網(wǎng)站上有超過2萬張圖片。通常,在通過wordpress文章編輯器上傳之前,我們使用Snagit等軟件進行圖像捕獲和編輯。
但是,有時需要在編輯器中編輯圖像。例如,如果您想修剪邊緣或放大或更改大小以適應(yīng)文章布局。
您可以使用多種方法在WordPress中裁剪和調(diào)整圖像大小,我們將在本文中解釋一些簡單的選項。
在WordPress中調(diào)整圖像大小
調(diào)整大小表示更改圖像的尺寸。但是,有不同的方法可以通過保持縱橫比或裁剪不必要的部分來更改尺寸。
- 按比例更改高度和寬度
- 通過切掉角落使圖像變圓角
- 放大以聚焦圖像的中心部分
- 更改縱橫比或旋轉(zhuǎn)圖像以更改其高度和寬度。
- 縮放到任何特定尺寸或縱橫比
我們在WordPress中看不到任何用于批量調(diào)整圖像大小的選項。但是,有兩種方法可以在WordPress中調(diào)整單個圖像的大小——一種來自Gutenberg文章編輯器,另一種來自媒體庫。讓我們在以下部分詳細解釋這兩個選項。
1.在古騰堡編輯器中調(diào)整圖像大小
在創(chuàng)建或編輯文章時,插入圖像區(qū)塊并上傳圖像。您可以使用以下選項之一調(diào)整大小。
1.1. 使用區(qū)塊設(shè)置
單擊上傳的圖像,然后單擊工具欄上顯示的三個垂直點圖標。選擇“顯示更多設(shè)置”以在右側(cè)欄中查看圖像塊的設(shè)置。如果選項顯示“隱藏更多設(shè)置”,那么您應(yīng)該已經(jīng)在側(cè)邊欄中看到了該區(qū)塊的設(shè)置。
在Gutenberg中顯示圖像區(qū)塊設(shè)置
您可以使用以下設(shè)置來調(diào)整所選圖像的大?。?/p>
- 樣式 – 默認選項將使圖像保持原樣,而圓角選項會將您的圖像轉(zhuǎn)換為圓角。
- 圖像尺寸 – 選擇可用于您的主題的注冊圖像尺寸。您可以選擇全尺寸、中等尺寸或縮略圖尺寸來顯示。請記住,這些選項的尺寸將根據(jù)您在“設(shè)置 > 媒體”部分下的設(shè)置進行考慮。
- 圖像分辨率 – 選擇預(yù)設(shè)選項之一,例如25%、50%、75%(100%是您的圖像尺寸)或輸入圖像的自定義寬度/高度。如果尺寸與布局不匹配,您可以使用新尺寸預(yù)覽圖像并重置。
下面是具有圓形樣式和50%調(diào)整大小的圖像在編輯器中的外觀。
從Gutenberg的區(qū)塊設(shè)置中調(diào)整圖像大小
1.2.?在古騰堡編輯器中裁剪圖像
單擊圖像時,您會看到彈出的工具欄中出現(xiàn)“裁剪”圖標。雖然它說裁剪,但它不允許您像在Photoshop、Snagit或任何其他圖像編輯器中那樣調(diào)整大小或裁剪。它提供以下三個選項:
- 縮放 – 單擊鏡頭圖標以查看滑塊以拖動和放大圖像。您可以使用此選項將圖像放大至300%,以集中顯示圖像中的任何微小細節(jié)。
在WordPress中放大圖像
- 縱橫比 – 您總共有9種預(yù)定義的縱橫比可用,橫向和縱向各4種,方形尺寸各1種。選擇16:9或2:3或您喜歡的任何尺寸來調(diào)整圖像大小。
在WordPress中更改圖像縱橫比
- 旋轉(zhuǎn) – 使用此選項將圖像旋轉(zhuǎn)90度以水平或垂直翻轉(zhuǎn)。
古騰堡編輯器中的裁剪圖像
盡管您可以使用所有這些選項來調(diào)整圖像大小,但我們認為放大、旋轉(zhuǎn)或更改縱橫比在世界任何地方都不會被稱為裁剪。我們不知道為什么WordPress家伙給那個圖標起這個誤導(dǎo)性的名字并顯示網(wǎng)格。許多用戶會認為他們可以拖動網(wǎng)格或選擇要裁剪的部分。但是,它在Gutenberg編輯器中并不像那樣工作。
1.3.?拖動和調(diào)整大小
如果您對使用鼠標調(diào)整圖像大小感到滿意,則只需單擊圖像即可。WordPress將在圖像的右側(cè)、左側(cè)和底部顯示一個拖動器。按比例拖動圖像并將其調(diào)整為原始大小。請記住,如果您以這種方式調(diào)整大小,縱橫比不會改變,這意味著高度和寬度將按比例而不是獨立地改變。
在WordPress中拖動和調(diào)整圖像大小
這與WordPress使用舊版經(jīng)典編輯器的方式相同,您只能按比例調(diào)整圖像大小。
在WordPress經(jīng)典編輯器中調(diào)整圖像大小
2.從媒體庫調(diào)整圖像大小
這是一種方便的方法,特別是如果您真的想裁剪圖像。轉(zhuǎn)到“媒體 > 庫”并選擇要編輯的圖像。
在媒體庫中編輯圖像
與Gutenberg圖像區(qū)塊的設(shè)置類似,您可以使用側(cè)邊欄中的以下選項。
調(diào)整媒體庫中的圖像大小
- 縮放圖像 – 在這里您可以看到原始圖像尺寸以及輸入新高度/寬度尺寸的選項。輸入新尺寸后,單擊“縮放”按鈕調(diào)整圖像大小。
- 縮略圖設(shè)置 – 選擇選項以將更改應(yīng)用于所選圖像的所有尺寸,僅適用于縮略圖或除縮略圖之外的所有尺寸。
您還有四個選項可以使用圖像上方可用的按鈕向左/向右旋轉(zhuǎn)和水平/垂直翻轉(zhuǎn)。讓我們更詳細地解釋裁剪選項。
2.1. 在媒體庫中裁剪圖像
“圖像裁剪”選項允許您使用縱橫比或選擇尺寸進行裁剪。
- 要裁剪圖像,只需使用鼠標在圖像上選擇要裁剪的部分。尺寸將顯示在“選擇”部分。
- 如果要固定縱橫比,請先在“縱橫比”中輸入比例,然后使用鼠標選擇該部分。
修復(fù)選擇后,單擊“裁剪”按鈕。
裁剪圖像以供選擇和縱橫比
WordPress 將根據(jù)您的選擇進行處理并顯示裁剪后的圖像。單擊“保存”按鈕應(yīng)用更改或單擊“撤消”按鈕恢復(fù)為原始大小。
WordPress媒體庫中的裁剪圖像
小結(jié)
如您所見,WordPress中有多個選項可以裁剪和調(diào)整圖像大小。您可以使用舊的經(jīng)典編輯器、古騰堡區(qū)塊編輯器或編輯媒體庫中的圖像。唯一令人困惑的是古騰堡中的裁剪功能,您可以使用媒體庫來實現(xiàn)它。
但小編建議,盡可能在上傳圖像至WordPress之前,完成圖像裁剪和調(diào)整工作,比在WordPress上操作要高效得多。
版權(quán)聲明:
本站所有文章和圖片均來自用戶分享和網(wǎng)絡(luò)收集,文章和圖片版權(quán)歸原作者及原出處所有,僅供學(xué)習(xí)與參考,請勿用于商業(yè)用途,如果損害了您的權(quán)利,請聯(lián)系網(wǎng)站客服處理。