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

# Imágenes de portada

> Agrega y personaliza imágenes de portada en tus Documentos: recorta, ajusta la posición y selecciona relaciones de aspecto.

Las imágenes de portada agregan un encabezado visual a tus Documentos de Craft, ayudando a crear una apariencia pulida y profesional. Puedes subir tus propias imágenes o elegir entre la colección de fotos profesionales de Unsplash.

## Agregar una Cover Image

<Tabs>
  <Tab title="macOS">
    <Steps>
      <Step>
        Abre tu Documento
      </Step>

      <Step>
        En la sidebar derecha, selecciona la sección **Style**
      </Step>

      <Step>
        Haz clic en la opción **Cover Image**
      </Step>

      <Step>
        Elige **subir tu propia imagen** o seleccionar una de **Unsplash**
      </Step>
    </Steps>
  </Tab>

  <Tab title="Web">
    <Steps>
      <Step>
        Abre tu Documento
      </Step>

      <Step>
        En la sidebar derecha, selecciona la sección **Style**
      </Step>

      <Step>
        Haz clic en la opción **Cover Image**
      </Step>

      <Step>
        Elige **subir tu propia imagen** o seleccionar una de **Unsplash**
      </Step>
    </Steps>
  </Tab>

  <Tab title="iOS">
    <Steps>
      <Step>
        Abre tu Documento
      </Step>

      <Step>
        Toca el menú de tres puntos (⋯)
      </Step>

      <Step>
        Selecciona **Page Style**
      </Step>

      <Step>
        Elige **Cover Image**
      </Step>

      <Step>
        Selecciona **subir tu propia imagen** o elegir de **Unsplash**
      </Step>
    </Steps>
  </Tab>
</Tabs>

## Personalizar tu Cover Image

Una vez que hayas agregado una imagen de portada, puedes editarla, recortarla y ajustarla según tus necesidades.

<Steps>
  <Step>
    Coloca el cursor sobre la esquina inferior derecha de la imagen de portada
  </Step>

  <Step>
    Haz clic en el **icono de lápiz** que aparece
  </Step>

  <Step>
    Usa las herramientas de edición para recortar y posicionar tu imagen
  </Step>

  <Step>
    Haz clic en **Done** cuando termines
  </Step>
</Steps>

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

## Opciones de recorte

Puedes recortar la imagen de portada a relaciones de aspecto específicas desde el menú desplegable de la cuadrícula:

* **Default** – Proporciones originales de la imagen
* **16:9** – Formato widescreen
* **2:1** – Formato ultra ancho
* **3:1** – Banner extra ancho
* **4:3** – Relación clásica
* **Freeform** – Arrastra las esquinas para un tamaño personalizado

<Info title="Consejos de edición">
  - **Alejar**: Mantén pulsado `Cmd` (macOS) o `Ctrl` (Windows) mientras editas
  - **Arrastrar imagen**: Mantén presionada la barra `Space` para reposicionar la imagen
  - **Reset**: Selecciona **Reset** en el menú desplegable de la cuadrícula para empezar de nuevo
</Info>

## Quitar la imagen de portada

Para quitar una imagen de portada de tu Documento:

<Steps>
  <Step>
    Coloca el cursor sobre la imagen de portada
  </Step>

  <Step>
    Haz clic en el **icono X** que aparece
  </Step>
</Steps>

## Usar imágenes de Unsplash

La integración de Craft con Unsplash te da acceso inmediato a fotos profesionales y de alta calidad:

<Steps>
  <Step>
    Al agregar una imagen de portada, selecciona **Unsplash**
  </Step>

  <Step>
    Busca palabras clave relacionadas con el tema de tu Documento
  </Step>

  <Step>
    Haz click en una imagen para añadirla como portada
  </Step>
</Steps>

Todas las imágenes de Unsplash son libres de uso y no requieren atribución, aunque se agradece.

## Artículos relacionados

<CardGroup cols={2}>
  <Card title="Guía rápida de estilos" href="/es/write-and-edit/styling/quick-guide">
    Guía completa de todas las funciones de estilo
  </Card>

  <Card title="Tarjetas" href="/es/write-and-edit/styling/cards">
    Convierte las páginas en diseños visuales de tarjetas
  </Card>

  <Card title="Estilos de la app" href="/es/write-and-edit/styling/app-styles">
    Extiende los estilos de los Documentos a la interfaz de la app
  </Card>
</CardGroup>