mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
74 lines
2.7 KiB
Plaintext
74 lines
2.7 KiB
Plaintext
---
|
|
title: "Agregar contenido multimedia"
|
|
description: "Sube y usa imágenes y recursos en tu documentación."
|
|
keywords: ["editor", "media", "images", "assets"]
|
|
---
|
|
|
|
<div id="supported-file-types">
|
|
## Tipos de archivo admitidos
|
|
</div>
|
|
|
|
- **Imágenes**: PNG, JPG, JPEG, SVG, GIF, WebP
|
|
- **Vídeos**: MP4, WebM
|
|
- **Fuentes**: TTF, WOFF, WOFF2
|
|
- **Otros**: PDF, ICO (favicons)
|
|
|
|
<div id="add-media-to-a-page">
|
|
## Agregar contenido multimedia a una página
|
|
</div>
|
|
|
|
<div id="drag-and-drop">
|
|
### Arrastrar y soltar
|
|
</div>
|
|
|
|
Arrastra y suelta contenido multimedia desde tu computadora o desde el gestor de recursos sobre una página en modo visual. Los archivos se guardan en la raíz de tu carpeta `images/`.
|
|
|
|
<div id="slash-command">
|
|
### Comando slash
|
|
</div>
|
|
|
|
Escribe <kbd>/image</kbd> para abrir el menú de imágenes y luego sube una nueva imagen o selecciona una existente.
|
|
|
|
<div id="upload-files">
|
|
### Subir archivos
|
|
</div>
|
|
|
|
Usa el administrador de recursos en la barra lateral para subir o buscar archivos.
|
|
|
|
<Frame>
|
|
<img src="/images/editor/assets-light.png" alt="Administrador de recursos seleccionado en el menú de la barra lateral del editor." className="block dark:hidden" />
|
|
<img src="/images/editor/assets-dark.png" alt="Administrador de recursos seleccionado en el menú de la barra lateral del editor." className="hidden dark:block" />
|
|
</Frame>
|
|
|
|
Haz clic en **Upload** en el administrador de recursos para añadir archivos desde tu equipo.
|
|
|
|
<div id="manage-assets">
|
|
## Administra los recursos
|
|
</div>
|
|
|
|
<div id="organize-with-folders">
|
|
### Organiza con carpetas
|
|
</div>
|
|
|
|
Haz clic en el botón **+** del explorador de archivos para crear una nueva carpeta. Arrastra y suelta archivos y carpetas en el árbol de archivos para reordenarlos.
|
|
|
|
<div id="rename-and-edit-assets">
|
|
### Renombrar y editar recursos
|
|
</div>
|
|
|
|
Pasa el cursor sobre un recurso y haz clic en el botón **...** para cambiar el nombre del archivo o actualizar su texto alternativo (alt).
|
|
|
|
<div id="delete-assets">
|
|
### Eliminar recursos
|
|
</div>
|
|
|
|
Pasa el cursor sobre un recurso y haz clic en el botón <Icon icon="trash" /> para eliminarlo.
|
|
|
|
<div id="best-practices">
|
|
## Mejores prácticas
|
|
</div>
|
|
|
|
- **Usa nombres descriptivos**: Pon nombres claros a los archivos, como `api-dashboard-light.png` en lugar de `img1.png`.
|
|
- **Agrega texto alternativo (alt text)**: Proporciona texto alternativo descriptivo para mejorar la accesibilidad y el SEO.
|
|
- **Organiza con carpetas**: Agrupa los recursos relacionados, como variantes de modo claro y oscuro o recursos para un área de funcionalidad específica.
|
|
- **Usa formatos apropiados**: PNG para gráficos con transparencia, JPG para fotos, SVG (Scalable Vector Graphics) para iconos y logotipos. |