> ## 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.

# Imagens de capa

> Adicione e personalize imagens de capa para seus Documentos com opções de corte, posicionamento e proporção.

Imagens de capa adicionam um cabeçalho visual aos seus Documentos no Craft, ajudando a criar uma aparência polida e profissional. Você pode enviar suas próprias imagens ou escolher na coleção do Unsplash, com fotos profissionais.

## Adicionando uma imagem de capa

<Tabs>
  <Tab title="macOS">
    <Steps>
      <Step>
        Abra seu Documento
      </Step>

      <Step>
        Na sidebar direita, selecione a seção **Style**
      </Step>

      <Step>
        Click na opção **Cover Image**
      </Step>

      <Step>
        Escolha **upload your own image** ou selecione uma da **Unsplash**
      </Step>
    </Steps>
  </Tab>

  <Tab title="Web">
    <Steps>
      <Step>
        Abra seu Documento
      </Step>

      <Step>
        Na sidebar direita, selecione a seção **Style**
      </Step>

      <Step>
        Click na opção **Cover Image**
      </Step>

      <Step>
        Escolha **upload your own image** ou selecione uma da **Unsplash**
      </Step>
    </Steps>
  </Tab>

  <Tab title="iOS">
    <Steps>
      <Step>
        Abra seu Documento
      </Step>

      <Step>
        Toque no three-dot menu (⋯)
      </Step>

      <Step>
        Selecione **Page Style**
      </Step>

      <Step>
        Escolha **Cover Image**
      </Step>

      <Step>
        Selecione **upload your own image** ou escolha uma da **Unsplash**
      </Step>
    </Steps>
  </Tab>
</Tabs>

## Personalizando sua imagem de capa

Depois de adicionar uma imagem de capa, você pode editá-la, cortar e personalizá-la conforme necessário.

<Steps>
  <Step>
    Passe o cursor sobre o canto inferior direito da imagem de capa
  </Step>

  <Step>
    Click no **ícone de lápis** que aparecer
  </Step>

  <Step>
    Use as ferramentas de edição para cortar e posicionar sua imagem
  </Step>

  <Step>
    Click **Done** quando terminar
  </Step>
</Steps>

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

## Opções de corte

Você pode cortar sua imagem de capa para proporções específicas a partir do menu suspenso de grade:

* **Default** – Proporções originais da imagem
* **16:9** – Formato widescreen
* **2:1** – Formato ultra-wide
* **3:1** – Banner extralargo
* **4:3** – Proporção clássica de exibição
* **Freeform** – Arraste os cantos para redimensionar livremente

<Info title="Dicas de edição">
  - **Diminuir o zoom**: Mantenha pressionado `Cmd` (Mac) ou `Ctrl` (Windows) enquanto edita
  - **Arrastar imagem**: Segure a barra `Space` para reposicionar a imagem
  - **Reset**: Selecione **Reset** no menu suspenso de grade para recomeçar
</Info>

## Removendo a imagem de capa

Para remover uma imagem de capa do seu Documento:

<Steps>
  <Step>
    Passe o cursor sobre a imagem de capa
  </Step>

  <Step>
    Clique no ícone **X** que aparecer
  </Step>
</Steps>

## Usando imagens do Unsplash

A integração do Craft com o Unsplash oferece acesso instantâneo a fotos profissionais e de alta qualidade:

<Steps>
  <Step>
    Ao adicionar uma imagem de capa, selecione **Unsplash**
  </Step>

  <Step>
    Pesquise por palavras-chave relacionadas ao tema do seu Documento
  </Step>

  <Step>
    Clique em uma imagem para adicioná-la como capa
  </Step>
</Steps>

Todas as imagens do Unsplash são gratuitas para uso e não exigem atribuição, embora seja apreciada.

## Artigos relacionados

<CardGroup cols={2}>
  <Card title="Guia rápido de estilos" href="/pt-BR/write-and-edit/styling/quick-guide">
    Guia completo de todos os recursos de estilo
  </Card>

  <Card title="Cards" href="/pt-BR/write-and-edit/styling/cards">
    Transforme páginas em layouts visuais de cartões
  </Card>

  <Card title="Estilos do app" href="/pt-BR/write-and-edit/styling/app-styles">
    Estenda os estilos de Documento para a interface do app
  </Card>
</CardGroup>