> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Subir y gestionar medios

> Haz que tu app destaque con imágenes, videos, documentos, archivos de datos, audio y tu propia marca.

Los archivos multimedia como imágenes, videos, audio, documentos y archivos de datos te ayudan a crear una experiencia rica e interactiva para las personas que usan tu app. Puedes subir archivos mientras [construyes tu app](https://base44.com/ai-app-builder) y en tu app en vivo, dando a la gente nuevas formas de compartir y participar.

<Frame caption="Dar vida a tu app con medios">
  <img src="https://mintcdn.com/base44/e_uDIQ8cVs11LON8/images/mediaimages.jpg?fit=max&auto=format&n=e_uDIQ8cVs11LON8&q=85&s=d404d371f2f961bc3609c97331581ec4" alt="Examples of images used across an app layout" title="Using files across your app" className="mx-auto" style={{ width:"83%" }} width="2196" height="1906" data-path="images/mediaimages.jpg" />
</Frame>

También puedes añadir un logo personalizado que aparece cuando alguien añade tu app a su pantalla de inicio. El logo también se usa como el favicon del navegador, para que tu app siempre se vea profesional y de acuerdo con tu marca tanto desde escritorio como desde móvil.

***

## Usar tu biblioteca de archivos

Tu app tiene su propia biblioteca de archivos donde Base44 almacena archivos que subes o generas mientras construyes. Esto te da un lugar para organizar y reutilizar medios y archivos de referencia en toda tu app. Puedes mantener imágenes, videos, guías de marca, PRDs y exportaciones de datos en tu biblioteca de archivos, luego usarlos en tu app o añadirlos al chat de IA como contexto.

Cualquier imagen y video que la IA genere y cualquier archivo que subas desde el editor o el chat de IA se almacenan automáticamente en la biblioteca de archivos, y cuando añades un archivo de la biblioteca al chat de IA, la IA lo usa como contexto para tus prompts.

<Note>
  La biblioteca de archivos es por app. Los archivos guardados en la biblioteca de una app no se comparten con otras apps de tu espacio de trabajo.
</Note>

<Frame>
  <img src="https://mintcdn.com/base44/e_uDIQ8cVs11LON8/images/library.jpg?fit=max&auto=format&n=e_uDIQ8cVs11LON8&q=85&s=d2dcda4de86a6b872660e10d9d5dc298" alt="The file library showing uploaded and generated media files" width="1534" height="1240" data-path="images/library.jpg" />
</Frame>

**Para acceder a tu biblioteca de archivos:**

1. Ve a tu editor de app.
2. Haz clic en el icono **Add** <Icon icon="plus" /> en el chat de IA.
3. Haz clic en **Choose from library**.

<Frame>
  <img src="https://mintcdn.com/base44/db7nmncxG9eCQX_H/images/filelibrary.jpg?fit=max&auto=format&n=db7nmncxG9eCQX_H&q=85&s=e93f0b04d46e72bb39ae82f0bab89871" alt="Selecting files from the file library in the AI chat" width="1260" height="328" data-path="images/filelibrary.jpg" />
</Frame>

***

## Añadir archivos a tu app

Puedes añadir archivos a tu app desde tu biblioteca de archivos, desde tu computadora o desde Google Drive. Todos los archivos que añades de esta manera se almacenan en la biblioteca de archivos de tu app para que puedas reutilizarlos en tu app y en el chat de IA.

Por ejemplo, puedes mantener fotos de productos o videos de demostración en tu biblioteca de archivos y luego adjuntarlos en el chat de IA cuando pidas a la IA que diseñe una nueva sección.

<Tip>
  También puedes pedir a la IA que genere y añada imágenes o videos a tu app.
</Tip>

### Desde tu biblioteca de archivos

Usa tu biblioteca de archivos cuando quieras reutilizar medios existentes en lugar de subir un nuevo archivo.

<AccordionGroup>
  <Accordion title="Añadir archivos en el chat de IA">
    **Para añadir un archivo de la biblioteca en el chat de IA:**

    1. Ve a tu editor de app.
    2. Haz clic en el icono **Add** <Icon icon="plus" /> en el chat de IA.
    3. Haz clic en **Choose from library**.
    4. En el diálogo **Select files**, busca o navega para encontrar el archivo que quieres.
    5. Selecciona el archivo y haz clic en **Add**.
    6. Escribe tu mensaje para explicar qué quieres que haga la IA con el archivo, luego envíalo.
  </Accordion>

  <Accordion title="Reemplazar imágenes en tu app">
    Puedes reemplazar imágenes independientes en tu app usando el modo **Edit**. Esto no funciona para imágenes que forman parte de componentes, como una galería. Para eso, usa el chat de IA o edita los datos directamente desde **Data** en el panel.

    **Para reemplazar una imagen usando tu biblioteca de archivos:**

    1. Ve a tu editor de app.
    2. Haz clic en **Edit** en el chat.
    3. Haz clic en el archivo que quieres cambiar.
    4. Haz clic en **Replace**.
    5. Busca o navega en tu biblioteca de archivos para encontrar el nuevo archivo.
    6. Selecciona el archivo y haz clic en **Replace**.

    <Frame>
      <img src="https://mintcdn.com/base44/a04qa42_NIrsWpul/images/2026-03-15_17-04-02.jpg?fit=max&auto=format&n=a04qa42_NIrsWpul&q=85&s=6c9959a5c45b2a6dccefc323a9da40c2" alt="Replacing an image from the file library in Visual Edit mode" title="Replacing an image from the file library" className="mx-auto" style={{ width:"66%" }} width="1140" height="1198" data-path="images/2026-03-15_17-04-02.jpg" />
    </Frame>
  </Accordion>
</AccordionGroup>

### Desde tu computadora

Sube archivos que están guardados localmente en tu dispositivo cuando quieras compartir imágenes, videos, documentos o archivos de datos directamente con el chat de IA.

**Para subir un archivo desde tu computadora:**

1. Ve a tu editor de app.
2. Haz clic en el icono **Add** <Icon icon="plus" /> en el chat de IA.
3. Haz clic en **Upload from computer**.
4. Selecciona el archivo que quieres usar y confirma.
5. Escribe tu mensaje para explicar qué quieres que haga la IA con el archivo, luego envíalo.

<Frame caption="Subir archivos desde tu computadora al chat de IA">
  <img src="https://mintcdn.com/base44/hu4SSqoBxOu-zN3b/images/uploadfromcomp.jpg?fit=max&auto=format&n=hu4SSqoBxOu-zN3b&q=85&s=6329b631ebca275ddc7c7ea544638e0c" alt="Uploading files from your computer to the AI chat" width="1264" height="330" data-path="images/uploadfromcomp.jpg" />
</Frame>

### Desde Google Drive

Conecta Google Drive si quieres que el chat de IA trabaje directamente con Docs, Sheets y Slides almacenados en tu Drive sin descargarlos primero.

<Frame caption="Añadir archivos desde Google Drive al chat de IA">
  <img alt="Adding files from Google Drive to the AI chat" src="https://mintcdn.com/base44/db7nmncxG9eCQX_H/images/googledrive.jpg?fit=max&auto=format&n=db7nmncxG9eCQX_H&q=85&s=bbfed2b16792e1147f06a186e81feb96" className="dark:hidden" width="1264" height="330" data-path="images/googledrive.jpg" />

  <img alt="Adding files from Google Drive to the AI chat" src="https://mintcdn.com/base44/db7nmncxG9eCQX_H/images/googledrive-1.jpg?fit=max&auto=format&n=db7nmncxG9eCQX_H&q=85&s=0000282f21bc6d1527ae582b8c92adcc" className="hidden dark:block" width="1264" height="330" data-path="images/googledrive-1.jpg" />
</Frame>

<Note>
  Cuando conectas Google Drive, solo se accede a los archivos que seleccionas. Base44 almacena una copia de cada archivo seleccionado en la biblioteca de archivos de tu app para que el chat de IA pueda usar el contenido como contexto.
</Note>

**Para añadir un archivo desde Google Drive:**

1. Ve a tu editor de app.
2. Haz clic en el icono **Add** <Icon icon="plus" /> en el chat de IA.
3. Haz clic en **Add from Google Drive**.
4. Revisa la información en la ventana **Connect to Google Drive** y haz clic en **Connect Google Drive**.
5. Completa el flujo de inicio de sesión de Google y aprueba el acceso si es tu primera vez conectando.
6. Elige los archivos de Docs, Sheets o Slides que quieres usar de tu Google Drive y confirma.
7. Escribe tu mensaje para explicar qué quieres que haga la IA con el contenido del archivo, luego envíalo.

<Tip>
  **Consejo:** También puedes añadir archivos de Google Drive en tu primer prompt:

  <Frame>
    <img src="https://mintcdn.com/base44/T-OsA1taMmSz7vo4/images/firstpromptgogledrive.png?fit=max&auto=format&n=T-OsA1taMmSz7vo4&q=85&s=c42dec2d8c123944631fa60ed624a55c" alt="Firstpromptgogledrive" width="1792" height="1068" data-path="images/firstpromptgogledrive.png" />
  </Frame>
</Tip>

### Límites de subida de archivos

Estos límites se aplican a los archivos que subes a la biblioteca de archivos de tu app mientras construyes tu app, ya sea que los añadas desde el chat de IA o directamente desde el editor.

<Card title="Límites de subida de archivos al construir" icon="upload">
  **Imágenes:** PNG, JPG, JPEG, GIF, WEBP, SVG

  * Tamaño máximo: 40MB (SVG: 5MB)
  * Dimensiones máximas: 1024x1024 píxeles (imágenes más grandes se redimensionan automáticamente)
  * Ejemplo: Sube una captura de pantalla de un sitio web que te guste y di: "Use this header style for my homepage."

  **Videos:** MP4, WEBM, MOV, AVI, MKV, M4V, WMV, OGV, 3GP, 3G2

  * Tamaño máximo: 100MB por video
  * Ejemplo: Sube una demo de producto, un recorrido o un video de referencia y pide a la IA que lo use como contexto mientras construye tu app.

  **Documentos y archivos de texto:** PDF, TXT, HTML, DOCX, MD

  * Tamaño máximo:
    * PDF: 10MB
    * TXT y HTML: 5MB
    * DOCX y MD: 5MB
  * Ejemplo: Sube un PRD o una guía de marca para que la IA siga las reglas de tu producto y estilo, o comparte un archivo markdown con requisitos para una nueva app.

  **Archivos de datos:** CSV, XLS, XLSX, JSON

  * Tamaño máximo:
    * CSV y JSON: 10MB
    * XLS y XLSX: 15MB
  * Ejemplo: Sube un archivo CSV, Excel o JSON con tus datos de negocio existentes y pide a la IA que los analice, sugiera entidades y campos, proponga un modelo de datos para tu app o prepare los datos para importar. Para aprender cómo importar los datos a tus tablas, consulta [Gestionar los datos de tu app](/Building-your-app/Managing-your-app-data).

  **Audio:** MP3, WAV

  * Tamaño máximo: 100MB

  **Archivos zip**

  * Tamaño máximo: 25MB
</Card>

***

## Compartir medios en tu app en vivo

Deja que tus usuarios suban medios directamente en tu app en vivo. Tú y tus usuarios pueden compartir, descargar o interactuar con contenido para crear una experiencia más atractiva.

Solo dile al chat de IA lo que quieres que tus usuarios puedan hacer, y la IA lo configurará por ti. Esta función utiliza la integración UploadFile integrada.

<img src="https://mintcdn.com/base44/iWAI9SeWmmB3Mcpa/images/2025-10-05_16-23-13.png?fit=max&auto=format&n=iWAI9SeWmmB3Mcpa&q=85&s=37f6d6c33497cfafd46b58597f535508" alt="Adding a file upload option for people using your Base44 app" title="Adding a file upload option for people using your Base44 app" className="mx-auto" style={{ width:"40%" }} width="392" height="677" data-path="images/2025-10-05_16-23-13.png" />

### Límites de subida de archivos para tu app

Estos límites se aplican a los archivos que las personas suben a través de tu app en vivo usando la integración UploadFile.

<Card title="Límites de subida de archivos en tu app en vivo" icon="upload">
  * **Imágenes:** PNG, JPG, JPEG, WEBP, SVG (tamaño máximo: 50MB)
  * **Documentos:** PDF, TXT, HTML (tamaño máximo: 50MB)
  * **Archivos de datos:** CSV, XLS, XLSX, JSON (tamaño máximo: 50MB)
  * **Videos:** MP4, WEBM, MOV, AVI, MKV, M4V, WMV, OGV, 3GP, 3G2 (tamaño máximo: 100MB por video)
  * **Audio:** MP3, WAV (tamaño máximo: 50MB)
</Card>

***

## Personalizar el logo de tu app

Personaliza tu app añadiendo un logo. Tu logo es visible para los usuarios cuando añaden tu [app a su pantalla de inicio](/Building-your-app/Mobile-experience#installing-your-app-to-the-home-screen) y también aparece como el favicon del navegador.

### Cambiar tu logo

1. Ve al panel de tu app y haz clic en **Overview**.
2. Haz clic en el icono **Edit** en el logo y:
   * Sube tu propio archivo de imagen
   * Haz clic en **Generate Logo** para crear uno nuevo con la IA

<img src="https://mintcdn.com/base44/iWAI9SeWmmB3Mcpa/images/2025-10-05_15-56-24.png?fit=max&auto=format&n=iWAI9SeWmmB3Mcpa&q=85&s=e78075922b5d3a6a40bac5caa5a88a1c" alt="Changing your app's logo in Base44" width="1386" height="239" data-path="images/2025-10-05_15-56-24.png" />

<Note>
  Los logos generados en Base44 solo pueden usarse dentro de tu app y no pueden exportarse.
</Note>

### Límites de archivo para tu logo

Usa estos límites cuando elijas o generes una imagen de logo para tu app.

<Card title="Límites de archivo para tu logo" icon="file-image">
  * **Formatos de imagen:** PNG, JPG, JPEG
  * **Tamaño máximo:** 5MB
  * **Dimensiones máximas:** 1024x1024 píxeles (imágenes más grandes se redimensionan automáticamente)

  Para mejores resultados, usa una imagen clara y cuadrada con fondo transparente.
</Card>

***

## Establecer tu imagen social

Añade una imagen social para controlar cómo se ve tu app cuando alguien comparte su enlace en plataformas sociales como Slack, WhatsApp o iMessage. La imagen aparece en la tarjeta de vista previa junto con el nombre y la descripción de tu app.

<Frame caption="Una vista previa de imagen social al compartir un enlace de app">
  <img src="https://mintcdn.com/base44/rRzMVMmb_J_dAN-c/images/social-image-preview.png?fit=max&auto=format&n=rRzMVMmb_J_dAN-c&q=85&s=441980221a0597f22683526ded9f8e6d" alt="A social image preview when sharing an app link" width="1459" height="870" data-path="images/social-image-preview.png" />
</Frame>

**Para añadir una imagen social:**

1. Ve al panel de tu app y haz clic en **Settings**.
2. Haz clic en **App Settings**.
3. En la sección **App Info**, haz clic o arrastra una imagen al área de subida **Social image**.

<Tip>
  Usa una imagen de 1200x630 píxeles para los mejores resultados en todas las plataformas.
</Tip>

**Para reemplazar o eliminar tu imagen social:**

1. Ve al panel de tu app y haz clic en **Settings**.
2. Haz clic en **App Settings**.
3. En la sección **App Info**, pasa el ratón sobre la imagen social:
   * Haz clic en el icono **Upload** <Icon icon="upload" /> para reemplazarla con una nueva imagen.
   * Haz clic en el icono **Delete** <Icon icon="trash" /> para eliminarla.

### Límites de archivo para tu imagen social

<Card title="Límites de archivo para tu imagen social" icon="file-image">
  * **Formatos de imagen:** PNG, JPG, WEBP
  * **Tamaño recomendado:** 1200x630 píxeles
  * **Tamaño máximo:** 5MB

  Para mejores resultados, evita imágenes con mucho texto ya que pueden recortarse en algunas plataformas.
</Card>

***

## Preguntas frecuentes

Haz clic en una pregunta abajo para saber más.

<AccordionGroup>
  <Accordion title="¿Por qué mi archivo no se sube al chat de IA?">
    Si tu archivo no se sube al chat, lo más probable es que el archivo sea demasiado grande o tenga un formato incorrecto. Revisa los límites anteriores e inténtalo de nuevo.
  </Accordion>

  <Accordion title="¿Por qué veo un error de que mi archivo no coincide con el tipo de medio proporcionado?">
    Este error puede ocurrir si subes un archivo que se renombró sin convertirlo correctamente. Por ejemplo, cambiar el nombre del archivo de `.webp` a `.png` o de un formato de video a otro no convierte el archivo.

    **Para arreglar esto:**

    * Intenta revertir tu último mensaje si acabas de subir el archivo.
    * Verifica que tu archivo sea uno de los formatos admitidos listados en la [Guía de medios](/Building-your-app/Using-media) y que no se haya simplemente renombrado desde otro tipo de archivo.
    * Asegúrate de que tu archivo no exceda los límites de tamaño establecidos en la Guía de medios.
    * Intenta subir tu archivo de nuevo usando un formato admitido.

    Si aún tienes problemas después de estos pasos, [contacta con soporte](/Community-and-support/Contacting-support) para ayuda.
  </Accordion>

  <Accordion title="¿Cómo desconecto Google Drive de Base44?">
    Puedes desconectar Google Drive en cualquier momento desde la configuración de tu cuenta.

    **Para desconectar Google Drive:**

    1. Haz clic en el icono de tu perfil en la parte superior derecha de Base44.
    2. Haz clic en **Settings**.
    3. Haz clic en **Account settings** bajo **Account**.
    4. Desplázate a la sección **Chat Settings**.
    5. En la tarjeta **Google Drive**, haz clic en **Disconnect**.
    6. Confirma la desconexión.
  </Accordion>

  <Accordion title="¿Puedo cambiar mi logo en cualquier momento?">
    Sí, puedes reemplazar tu imagen de logo en cualquier momento desde tu panel dentro del editor de app. El nuevo logo aparece una vez que se publican tus cambios.
  </Accordion>

  <Accordion title="¿Necesito una imagen social?">
    No, una imagen social es opcional. Si no configuras una, las plataformas sociales muestran una vista previa genérica cuando se comparte el enlace de tu app. Añadir una imagen social te da control sobre cómo aparece tu app y puede hacerla más reconocible.
  </Accordion>

  <Accordion title="¿Hay un límite de almacenamiento para mi app?">
    No hay un límite estricto de almacenamiento por app. Puedes almacenar tantos archivos como tu app necesite. Las únicas restricciones son los tamaños de archivo individuales, consulta los límites anteriores para cada tipo de archivo.
  </Accordion>
</AccordionGroup>

<Note>Esta página fue traducida usando IA. Para obtener la información más precisa y actualizada, consulta la [versión en inglés](/).</Note>
