mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
d7096d55cd
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
86 lines
3.0 KiB
Plaintext
86 lines
3.0 KiB
Plaintext
---
|
|
title: "Agregar contenido multimedia"
|
|
description: "Sube, organiza y usa imágenes y recursos en tu documentación."
|
|
keywords: ["editor", "media", "images", "assets"]
|
|
---
|
|
|
|
Usa el administrador de medios para subir y organizar imágenes y otros recursos en tu documentación.
|
|
|
|
<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="/images/editor/images-and-media-light.png" alt="Gestor de medios en la barra lateral en modo claro" className="block dark:hidden" />
|
|
<img src="/images/editor/images-and-media-dark.png" alt="Gestor de medios en la barra lateral en modo oscuro" className="hidden dark:block" />
|
|
</Frame>
|
|
|
|
<div id="upload-assets">
|
|
## Subir recursos
|
|
</div>
|
|
|
|
Para cargar archivos, arrástralos 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 **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. |