mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
f6ed606621
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
83 lines
2.9 KiB
Plaintext
83 lines
2.9 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 (máx. 15 MB)
|
|
- **Vídeos**: MP4, WebM (máx. 100 MB)
|
|
- **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. Las imágenes se guardan en la raíz de tu carpeta `images/`, y los videos se guardan en la raíz de tu carpeta `videos/`.
|
|
|
|
<div id="slash-command">
|
|
### Comando slash
|
|
</div>
|
|
|
|
Escribe <kbd>/image</kbd> para abrir el menú de imágenes o <kbd>/video</kbd> para abrir el menú de vídeos. Sube contenido multimedia nuevo o selecciona entre los archivos existentes.
|
|
|
|
<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. |