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

# Images de couverture

> Ajoutez et personnalisez des images de couverture pour vos Document avec des options de recadrage, de positionnement et de ratio d'aspect.

Les images de couverture ajoutent un en-tête visuel à vos Document, contribuant à un aspect soigné et professionnel. Vous pouvez importer vos propres images ou sélectionner des photos professionnelles depuis la collection Unsplash.

## Ajouter une Cover Image

<Tabs>
  <Tab title="macOS">
    <Steps>
      <Step>
        Ouvrez votre Document
      </Step>

      <Step>
        Dans la sidebar de droite, Click sur la section **Style**
      </Step>

      <Step>
        Click sur l'option **Cover Image**
      </Step>

      <Step>
        Choisissez de **upload your own image** ou sélectionnez-en une depuis **Unsplash**
      </Step>
    </Steps>
  </Tab>

  <Tab title="Web">
    <Steps>
      <Step>
        Ouvrez votre Document
      </Step>

      <Step>
        Dans la sidebar de droite, Click sur la section **Style**
      </Step>

      <Step>
        Click sur l'option **Cover Image**
      </Step>

      <Step>
        Choisissez de **upload your own image** ou sélectionnez-en une depuis **Unsplash**
      </Step>
    </Steps>
  </Tab>

  <Tab title="iOS">
    <Steps>
      <Step>
        Ouvrez votre Document
      </Step>

      <Step>
        Tap the three-dot menu
      </Step>

      <Step>
        Sélectionnez **Page Style**
      </Step>

      <Step>
        Choisissez **Cover Image**
      </Step>

      <Step>
        Sélectionnez **upload your own image** ou choisissez parmi **Unsplash**
      </Step>
    </Steps>
  </Tab>
</Tabs>

## Personnaliser votre Cover Image

Une fois que vous avez ajouté une image de couverture, vous pouvez l'éditer, la recadrer et la personnaliser selon vos besoins.

<Steps>
  <Step>
    Placez le curseur sur le coin inférieur droit de l'image de couverture
  </Step>

  <Step>
    Click sur le **pencil icon** qui apparaît
  </Step>

  <Step>
    Utilisez les outils d'édition pour recadrer et positionner votre image
  </Step>

  <Step>
    Click sur **Done** une fois terminé
  </Step>
</Steps>

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

## Options de recadrage

Vous pouvez recadrer votre image de couverture selon des rapports d'aspect spécifiques depuis le menu déroulant de la grille :

* **Default** - Proportions d'origine de l'image
* **16:9** - Format grand écran
* **2:1** - Format ultra-large
* **3:1** - Bannière extra-large
* **4:3** - Ratio d'affichage classique
* **Freeform** - Faites glisser les coins pour un redimensionnement personnalisé

<Info title="Conseils d'édition">
  - **Zoom out** : Maintenez enfoncé `Cmd` (Mac) ou `Ctrl` (Windows) pendant l'édition
  - **Drag image** : Maintenez la barre `Space` enfoncée pour repositionner l'image
  - **Reset** : Sélectionnez **Reset** dans le menu déroulant de la grille pour repartir de zéro
</Info>

## Supprimer une Cover Image

Pour supprimer une image de couverture de votre Document :

<Steps>
  <Step>
    Placez le curseur sur l'image de couverture
  </Step>

  <Step>
    Click sur l'icône **X** qui apparaît
  </Step>
</Steps>

## Utiliser des images Unsplash

L'intégration Unsplash de Craft offre un accès instantané à des photos professionnelles de haute qualité :

<Steps>
  <Step>
    Lors de l'ajout d'une image de couverture, sélectionnez **Unsplash**
  </Step>

  <Step>
    Recherchez des mots-clés en lien avec le sujet de votre Document
  </Step>

  <Step>
    Click sur une image pour l'ajouter comme couverture
  </Step>
</Steps>

Toutes les images Unsplash sont libres d'utilisation et ne nécessitent pas d'attribution, bien que celle-ci soit appréciée.

## Articles connexes

<CardGroup cols={2}>
  <Card title="Guide rapide des styles" href="/fr/write-and-edit/styling/quick-guide">
    Guide complet de toutes les fonctionnalités de style
  </Card>

  <Card title="Cards" href="/fr/write-and-edit/styling/cards">
    Transformez des pages en mises en page visuelles de type carte
  </Card>

  <Card title="App Styles" href="/fr/write-and-edit/styling/app-styles">
    Étendez les styles de Document à l'interface de l'application
  </Card>
</CardGroup>