国产三级农村妇女在线,国产精品毛片a∨一区二区三区,国产乱子伦视频大全,国产精品色拉拉,国产欧美日韩一区二区三区,

首頁 > 技術(shù) > wordpress

如何在WordPress中裁剪和調(diào)整圖像大???

wordpress 2023-01-21 19:46:00

如何在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è)置

在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)整圖像大小

從Gutenberg的區(qū)塊設(shè)置中調(diào)整圖像大小

1.2.?在古騰堡編輯器中裁剪圖像

單擊圖像時,您會看到彈出的工具欄中出現(xiàn)“裁剪”圖標。雖然它說裁剪,但它不允許您像在Photoshop、Snagit或任何其他圖像編輯器中那樣調(diào)整大小或裁剪。它提供以下三個選項:

  • 縮放 – 單擊鏡頭圖標以查看滑塊以拖動和放大圖像。您可以使用此選項將圖像放大至300%,以集中顯示圖像中的任何微小細節(jié)。

在WordPress中放大圖像

在WordPress中放大圖像

  • 縱橫比 – 您總共有9種預(yù)定義的縱橫比可用,橫向和縱向各4種,方形尺寸各1種。選擇16:9或2:3或您喜歡的任何尺寸來調(diào)整圖像大小。

在WordPress中更改圖像縱橫比

在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中拖動和調(diào)整圖像大小

這與WordPress使用舊版經(jīng)典編輯器的方式相同,您只能按比例調(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)整媒體庫中的圖像大小

  • 縮放圖像 – 在這里您可以看到原始圖像尺寸以及輸入新高度/寬度尺寸的選項。輸入新尺寸后,單擊“縮放”按鈕調(diào)整圖像大小。
  • 縮略圖設(shè)置 – 選擇選項以將更改應(yīng)用于所選圖像的所有尺寸,僅適用于縮略圖或除縮略圖之外的所有尺寸。

您還有四個選項可以使用圖像上方可用的按鈕向左/向右旋轉(zhuǎn)和水平/垂直翻轉(zhuǎn)。讓我們更詳細地解釋裁剪選項。

2.1. 在媒體庫中裁剪圖像

“圖像裁剪”選項允許您使用縱橫比或選擇尺寸進行裁剪。

  • 要裁剪圖像,只需使用鼠標在圖像上選擇要裁剪的部分。尺寸將顯示在“選擇”部分。
  • 如果要固定縱橫比,請先在“縱橫比”中輸入比例,然后使用鼠標選擇該部分。

修復(fù)選擇后,單擊“裁剪”按鈕。

裁剪圖像以供選擇和縱橫比

裁剪圖像以供選擇和縱橫比

WordPress 將根據(jù)您的選擇進行處理并顯示裁剪后的圖像。單擊“保存”按鈕應(yīng)用更改或單擊“撤消”按鈕恢復(fù)為原始大小。

WordPress媒體庫中的裁剪圖像

WordPress媒體庫中的裁剪圖像

小結(jié)

如您所見,WordPress中有多個選項可以裁剪和調(diào)整圖像大小。您可以使用舊的經(jīng)典編輯器、古騰堡區(qū)塊編輯器或編輯媒體庫中的圖像。唯一令人困惑的是古騰堡中的裁剪功能,您可以使用媒體庫來實現(xiàn)它。

但小編建議,盡可能在上傳圖像至WordPress之前,完成圖像裁剪和調(diào)整工作,比在WordPress上操作要高效得多。

TAg

加載中~

本網(wǎng)站LOGO受版權(quán)及商標保護,版權(quán)登記號:國作登字-2022-F-10126915,未經(jīng)湖南木星科技官方許可,嚴禁使用。
Copyright ? 2012-2022 湖南木星科技有限公司(木星網(wǎng))版權(quán)所有
轉(zhuǎn)載內(nèi)容版權(quán)歸作者及來源網(wǎng)站所有,本站原創(chuàng)內(nèi)容轉(zhuǎn)載請注明來源,商業(yè)媒體及紙媒請先聯(lián)系:aishangyiwan@126.com

工信部備案號:湘ICP備19012813號-5