> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 封面圖片

> 為你的文件新增與自訂封面圖片，可進行裁切、定位與縱橫比選項。

封面圖片能為你的 Craft 文件加入視覺化標頭，營造更洗鍊、專業的外觀。你可以上傳自己的圖片，或從 Unsplash 的專業照片集中選擇。

## 新增封面圖片

<Tabs>
  <Tab title="macOS">
    <Steps>
      <Step>
        開啟你的文件
      </Step>

      <Step>
        在右側邊欄中，選取 **Style** 區段
      </Step>

      <Step>
        點擊 **Cover Image** 選項
      </Step>

      <Step>
        選擇 **upload your own image** 或從 **Unsplash** 選取圖片
      </Step>
    </Steps>
  </Tab>

  <Tab title="Web">
    <Steps>
      <Step>
        開啟你的文件
      </Step>

      <Step>
        在右側邊欄中，選取 **Style** 區段
      </Step>

      <Step>
        點擊 **Cover Image** 選項
      </Step>

      <Step>
        選擇 **upload your own image** 或從 **Unsplash** 選取圖片
      </Step>
    </Steps>
  </Tab>

  <Tab title="iOS">
    <Steps>
      <Step>
        開啟你的文件
      </Step>

      <Step>
        點按 three-dot menu (⋯)
      </Step>

      <Step>
        選取 **Page Style**
      </Step>

      <Step>
        選擇 **Cover Image**
      </Step>

      <Step>
        選擇 **upload your own image** 或從 **Unsplash** 選取圖片
      </Step>
    </Steps>
  </Tab>
</Tabs>

## 自訂封面圖片

新增封面圖片後，你可以編輯、裁切並自訂圖片，使其符合需求。

<Steps>
  <Step>
    將滑鼠游標移到封面圖片的右下角
  </Step>

  <Step>
    點擊出現的 **pencil icon**
  </Step>

  <Step>
    使用編輯工具裁切並定位圖片
  </Step>

  <Step>
    完成後點擊 **Done**
  </Step>
</Steps>

<iframe src="https://www.loom.com/embed/b18a0d437cfc469c9deb5e7985e8a552" title="Customizing cover images in Craft" className="w-full aspect-video rounded-xl" allowFullScreen />

## 裁切選項

你可以從網格下拉選單中，將封面圖片裁切為特定的縱橫比：

* **Default** - 原始圖片比例
* **16:9** - 寬螢幕格式
* **2:1** - 超寬格式
* **3:1** - 額外寬幅橫幅
* **4:3** - 經典顯示比例
* **Freeform** - 拖曳角落以自訂尺寸

<Info title="編輯小技巧">
  - **Zoom out**: 在編輯時按住 `Cmd`（Mac）或 `Ctrl`（Windows）
  - **Drag image**: 按住 `Space` 欄來重新定位圖片
  - **Reset**: 從網格下拉選單中選取 **Reset** 即可回到初始狀態
</Info>

## 移除封面圖片

若要從文件移除封面圖片：

<Steps>
  <Step>
    將滑鼠移到封面圖片上
  </Step>

  <Step>
    點擊出現的 **X** icon
  </Step>
</Steps>

## 使用 Unsplash 圖片

Craft 與 Unsplash 的整合可立即取得高品質、專業的照片：

<Steps>
  <Step>
    在新增封面圖片時，選取 **Unsplash**
  </Step>

  <Step>
    搜尋與你的文件主題相關的關鍵字
  </Step>

  <Step>
    點擊圖片以將其設定為封面
  </Step>
</Steps>

所有 Unsplash 圖片皆可免費使用，通常不需要標示來源，但附註來源會令人感謝。

## 相關文章

<CardGroup cols={2}>
  <Card title="樣式快速指南" href="/zh-Hant/write-and-edit/styling/quick-guide">
    涵蓋所有樣式功能的完整指南
  </Card>

  <Card title="卡片" href="/zh-Hant/write-and-edit/styling/cards">
    將頁面轉換為視覺化卡片佈局
  </Card>

  <Card title="應用程式樣式" href="/zh-Hant/write-and-edit/styling/app-styles">
    將文件樣式延伸至應用程式介面
  </Card>
</CardGroup>