> ## Documentation Index
> Fetch the complete documentation index at: https://wiki.another-horizon.eu/llms.txt
> Use this file to discover all available pages before exploring further.

# Agregar contenido multimedia

> Sube, organiza y usa imágenes y recursos en tu documentación.

Sube y organiza imágenes y otros recursos con el administrador de medios.

<div id="access-the-media-manager">
  ## Accede al gestor de medios
</div>

Accede al gestor de medios desde la parte inferior del panel izquierdo del editor.

<Frame>
  <img src="https://mintcdn.com/anotherhorizon/UHlRmQ8bvjzUmdum/images/editor/images-and-media-light.png?fit=max&auto=format&n=UHlRmQ8bvjzUmdum&q=85&s=145c991943c612abbc01e10a3975355e" alt="Gestor de medios en la barra lateral en modo claro" className="block dark:hidden" width="382" height="210" data-path="images/editor/images-and-media-light.png" />

  <img src="https://mintcdn.com/anotherhorizon/UHlRmQ8bvjzUmdum/images/editor/images-and-media-dark.png?fit=max&auto=format&n=UHlRmQ8bvjzUmdum&q=85&s=b0eea59ace18ab8550dd2ae2845d3a39" alt="Gestor de medios en la barra lateral en modo oscuro" className="hidden dark:block" width="382" height="210" data-path="images/editor/images-and-media-dark.png" />
</Frame>

<div id="upload-assets">
  ## Subir recursos
</div>

Carga archivos arrastrándolos desde tu computadora al gestor de medios o haz clic en el botón **Add** para seleccionar archivos desde tu computadora.

**Tipos de archivo admitidos:**

* **Imágenes**: PNG, JPG, JPEG, SVG, GIF, WebP
* **Vídeos**: MP4, WebM
* **Fuentes**: TTF, WOFF, WOFF2
* **Otros**: PDF, ICO (favicons)

<div id="organize-assets">
  ## Organiza los recursos
</div>

Usa carpetas para agrupar imágenes relacionadas, separar recursos de modo light y oscuro u organizarlos por área de funcionalidad.

Para crear una nueva carpeta, haz clic en el botón **Add**.

<div id="move-assets">
  ### Mover recursos
</div>

Arrastra y suelta recursos para moverlos entre carpetas. Las rutas de los archivos se actualizan automáticamente al moverlos.

<div id="rename-assets">
  ### Renombrar recursos
</div>

Para cambiar el nombre de un recurso, haz clic en el botón **...** junto al nombre del recurso y luego en **Rename**. Las referencias a los recursos cuyo nombre cambies se actualizarán automáticamente.

<div id="delete-assets">
  ### Eliminar recursos
</div>

Para eliminar un recurso, haz clic en el botón **...** junto al nombre del recurso y luego en **Delete**.

<div id="use-media-in-documentation">
  ## Uso de contenido multimedia en la documentación
</div>

<div id="insert-images">
  ### Insertar imágenes
</div>

1. Coloca el cursor donde quieres que aparezca la imagen.
2. Pulsa <kbd>/</kbd> para abrir el menú de componentes.
3. Selecciona **Image**.
4. Elige la imagen desde el administrador de medios.

<div id="add-alt-text">
  ### Añadir texto alternativo
</div>

1. Haz clic en el botón **...** que aparece cuando colocas el cursor sobre la imagen.
2. Añade un texto alternativo descriptivo en el panel **Edit Image Attributes**.

<div id="best-practices">
  ## Mejores prácticas
</div>

* **Usa nombres descriptivos**: Pon nombres claros a los archivos. Por ejemplo, `api-dashboard-light.png` en lugar de `img1.png`.
* **Agrega texto alternativo (alt text)**: Proporciona siempre texto alternativo descriptivo para mejorar la accesibilidad y el SEO.
* **Organiza las carpetas**: Agrupa los recursos relacionados en carpetas para facilitar su gestión.
* **Usa formatos apropiados**: PNG para gráficos con transparencia, JPG para fotos, SVG (Scalable Vector Graphics) para iconos y logotipos.