設定圖片的大小

將圖片新增到網頁時，Microsoft Expression Web 會根據圖片的實際尺寸，自動設定其寬度及高度屬性。您可以使用 [網頁編輯器選項] 對話方塊，指定 Expression Web 是否應使用 HTML 屬性或階層式樣式表 (CSS) 設定圖片大小。

只要按兩下圖片上的調整大小控點 ，即可快速新增或移除圖片的寬度、高度屬性或兩者。若要調整圖片的大小，可以拖曳調整大小控點或指定值。無論使用何種方式，都可以藉由變更寬度及高度屬性，而達到調整圖片大小的目的。若要改為重新取樣已調整大小的圖片，可使用 [圖片] 工具列上的 [重新取樣] ，或 [設計] 檢視中圖片附近顯示的 [圖片動作] 。

設定 Expression Web 用以設定圖片尺寸的程式碼

1. 按一下 [工具] 功能表上的 [網頁編輯器選項]。

2. 在 [網頁編輯器選項] 對話方塊的 [CSS] 索引標籤上，選取或清除 [使用影像的寬度及高度屬性來代替 CSS]。

   秘訣：
   若是將 Expression Web 設定為使用 CSS 定義圖片的寬度及高度，可以設定 [網頁編輯器選項] 對話方塊中的 [大小、位置及浮動] 選項，進而設定 Expression Web 所使用的樣式類型。如需詳細資訊，請參閱為產生的 CSS 設定喜好設定。

新增或移除寬度及高度屬性

1. 在網頁的 [設計] 檢視中，按一下圖片。

2. 執行下列一或多項動作：

   • 若只要新增或移除寬度屬性，請按兩下項目右側的調整大小控點。

   • 若只要新增或移除高度屬性，請按兩下項目底部的調整大小控點。

   • 若要新增或移除寬度及高度屬性，請按兩下項目右下角的調整大小控點。

   如需詳細資訊，請參閱在設計檢視中設定邊界、邊框間距與尺寸。

拖曳以調整圖片大小

1. 在網頁的 [設計] 檢視中，按一下圖片，然後拖曳圖片右邊、底邊或右下角的控點 ，將其拖曳至新的位置。

2. 若要根據新的大小重新對圖片取樣，執行下列其中一項動作：

   • 在 [圖片] 工具列上，按一下 [重新取樣] 。

   • 按一下接近圖形右下角的 [圖片動作] ，然後按一下 [重新對圖片取樣以符合其大小]。

   注意：
   若要儲存已編輯的圖片，請按一下 [檔案] 功能表上的 [儲存]，以儲存網頁。在 [儲存內嵌檔案] 對話方塊中，設定所需要的選項，然後按一下 [確定]。如需詳細資訊，請參閱儲存內嵌圖片。

指定像素或百分比值調整圖片大小

1. 在網頁中執行下列一動作：

   • 在 [設計] 檢視中按兩下圖片。

   • 按一下所要設定的圖片，然後在 [格式] 功能表中，按一下 [屬性]。

   • 以滑鼠右鍵按一下圖片，再於 [設計] 檢視中按一下 [圖片屬性]；或在 [程式碼] 檢視中按一下 [標籤屬性]。

2. 在 [圖片屬性] 對話方塊的 [外觀] 索引標籤上，執行下列動作：

   使用此項	執行此作業
   指定大小	選取此核取方塊。
   保持長寬比	選取此項可保持影像的原始比例。
   寬度	指定所需要的大小及單位。

3. 若要根據新的大小重新對圖片取樣，執行下列其中一項動作：

   • 在 [圖片] 工具列上，按一下 [重新取樣] 。

   • 按一下接近圖形右下角的 [圖片動作] ，然後按一下 [重新對圖片取樣以符合其大小]。

注意：
若要儲存已編輯的圖片，請按一下 [檔案] 功能表上的 [儲存]，以儲存網頁。在 [儲存內嵌檔案] 對話方塊中，設定所需要的選項，然後按一下 [確定]。如需詳細資訊，請參閱儲存內嵌圖片。

另請參閱

工作

裁剪圖片
在設計檢視中設定邊界、邊框間距與尺寸
儲存內嵌圖片

概念

圖片屬性