Skip to main content
Media files such as images, videos, audio, documents, and data files help you create a rich, interactive app experience for people using your app. You can upload files while building your app and in your live app, giving people new ways to share and engage.
A screenshot of the app editor preview showing a travel app's My Trips page with a destination photo on each trip card

Bringing your app to life with media

You can also add a custom logo that appears when someone adds your app to their home screen. The logo is also used as the browser favicon, so your app always looks professional and on-brand from both desktop and mobile.

Using your file library

Your app has its own file library where Base44 stores the files you add to it and the media the AI generates while you build. This gives you one place to organize and reuse media and reference files across your app. You can keep images, videos, brand guides, PRDs, and data exports in your file library, then use them in your app or add them to the AI chat as context. Any images and videos the AI generates and any files you upload to the library or add from Google Drive are automatically stored in the file library. When you add a file from the library to the AI chat, the AI uses it as context for your prompts. Files you upload from your computer in the AI chat are private and aren’t added to your file library. See how chat attachments work.
The file library is per app. Files saved in one app’s library are not shared with other apps in your workspace.
A screenshot of the file library with photos, a CSV file, a PDF itinerary and generated images, each marked Public

The file library

To access your file library:
  1. Go to your app editor.
  2. Click the Add icon in the AI chat.
  3. Click Choose from library.
A screenshot of the AI chat's Add menu with Choose from library outlined

Choosing a file from the library

Making a file private

Files in your file library are public by default, so anyone with a file’s link can open it. Make a file private when it holds something you don’t want shared, such as a contract or a customer list. A private file has no public link, and your app loads it through a temporary link instead. Each file in the library shows a Public or Private badge. Private files still work as attachments in the AI chat, as images on the canvas, and as context files for in-app agents. If you replace an image with a private file, the AI updates your app’s code to load it.
Before you make a file private:
  • You can’t make a private file public again. To get a public link back, upload the file again.
  • Anything in your app that uses the file’s public link stops loading until you update the app. To check where your app uses the file, click Ask in the chat in the confirmation window.
  • Copies of the file that were already loaded, for example in someone’s browser, can stay viewable for a while. If the file is sensitive, assume anyone who already had the link may have seen it.
To make a file private:
  1. Go to your app editor.
  2. Click the Add icon in the AI chat.
  3. Click Choose from library.
  4. Click the More actions icon on the file.
  5. Click Make private.
    A screenshot of the file library with a PDF's More actions menu open and Make private outlined

    Making a file in your file library private

  6. Click Make private again to confirm.

How chat attachments work

Files you upload from your computer in the AI chat are private. You usually attach a file to give the AI context, such as a screenshot of a design you like, a contract to summarize, or a photo of a sketch. That’s why Base44 keeps it out of your app and doesn’t give it a public link. Only you and the collaborators who can open your app in the app editor can see these files. People using your app can’t open them, and if you copy a file’s link from the chat, it stops working after a while. A file you attach isn’t added to your file library or to your app. It becomes part of your app only when the AI copies it in, for example when you ask the AI to use an attached photo as your homepage background. The AI then saves a public copy in your file library, so anyone with that copy’s link can open it. If the copy holds something sensitive, make it private.
A screenshot of the AI chat with a photo attached to a message asking to use it as a page header background

A photo attached in the AI chat stays private

When attachments aren’t private:
  • Apps imported from GitHub: Files you upload in the AI chat are saved to your file library as public files, so anyone with a file’s link can open them.
  • The prompt box on the home page: Files you attach to your first prompt, before your app exists, are public files, so anyone with a file’s link can open them.

Adding files to your app

You can add files to your app from your file library, from your computer, or from Google Drive. Files from your library or Google Drive are kept in your file library so you can reuse them across your app and in the AI chat. Files you upload from your computer in the AI chat stay private until the AI copies them into your app. For example, you can keep product photos or demo videos in your file library and then attach them in the AI chat when you ask the AI to design a new section.
You can also ask the AI to generate and add images or videos to your app.

From your file library

Use your file library whenever you want to reuse existing media instead of uploading a new file.
To add a file from the library in the AI chat:
  1. Go to your app editor.
  2. Click the Add icon in the AI chat.
  3. Click Choose from library.
  4. In the Select files dialog, search or browse to find the file you want.
  5. Select the file and click Add.
  6. Type your message to explain what you want the AI to do with the file, then send it.
You can replace standalone images in your app by selecting them in the preview. This does not work for images that are part of components, such as a gallery. For that, use the AI chat or edit the data directly from Data in the dashboard.To replace an image using your file library:
  1. Go to your app editor.
  2. Click Select at the top of the editor.
  3. Click the image you want to change.
  4. Click Replace.
  5. Search or browse your file library to find the new file.
  6. Select the file and click Replace.
Replacing an image from the file library

Replacing an image in your app

From your computer

Upload files that are saved locally on your device when you want to share images, videos, documents, or data files directly with the AI chat. To upload a file from your computer:
  1. Go to your app editor.
  2. Click the Add icon in the AI chat.
  3. Click Upload from computer.
  4. Select the file you want to use and confirm.
  5. Type your message to explain what you want the AI to do with the file, then send it.
A screenshot of the AI chat's Add menu with Upload from computer outlined

Uploading from your computer

You can also drag files from your computer and drop them anywhere on the AI chat panel. Drop files here appears while you drag.

From Google Drive

Connect Google Drive if you want the AI chat to work directly with Docs, Sheets, and Slides stored in your Drive without downloading them first.
A screenshot of the AI chat's Add menu with Upload from Google Drive outlined

Connecting Google Drive

When you connect Google Drive, only the files you select are accessed. Base44 stores a copy of each selected file in your app’s file library so the AI chat can use the content as context.
To add a file from Google Drive:
  1. Go to your app editor.
  2. Click the Add icon in the AI chat.
  3. Click Upload from Google Drive.
  4. Review the information in the Connect to Google Drive window and click Connect Google Drive.
  5. Complete the Google sign-in flow and approve access if this is your first time connecting.
  6. Choose the Docs, Sheets, or Slides files you want to use from your Google Drive and confirm.
  7. Type your message to explain what you want the AI to do with the file content, then send it.
You can also add files from Google Drive in your very first prompt:
Base44 home prompt with the plus menu open and Add from Google Drive highlighted

Adding Drive files from the home prompt

File upload limits

These limits apply to files you upload while building your app, whether you attach them in the AI chat or add them to your file library.

File upload limits while building

Images: PNG, JPG, JPEG, GIF, WEBP, SVG
  • Max size: 40MB (SVG: 5MB)
  • Max dimensions: 1024x1024 pixels (larger images are resized automatically)
  • Example: Upload a screenshot of a website you like and say: “Use this header style for my homepage.”
Videos: MP4, WEBM, MOV, AVI, MKV, M4V, WMV, OGV, 3GP, 3G2
  • Max size: 100MB per video
  • Example: Upload a product demo, walkthrough, or reference video and ask the AI to use it as context while building your app.
Documents and text files: PDF, TXT, HTML, DOCX, MD
  • Max size:
    • PDF: 10MB
    • TXT and HTML: 5MB
    • DOCX and MD: 5MB
  • Example: Upload a PRD or brand guide so the AI follows your product and style rules, or share a markdown file with requirements for a new app.
Presentations: PPTX
  • Max size: 50MB
  • Example: Attach a pitch deck and ask the AI to build a website that follows it. Base44 reads the text, tables, charts, and speaker notes on each slide and uses the deck as a reference for what to build.
  • You can attach a deck in the AI chat, in the prompt box on the home page, and in plan mode. You can’t attach one in the Base44 mobile app or in apps imported from GitHub.
Data files: CSV, XLS, XLSX, JSON
  • Max size:
    • CSV and JSON: 10MB
    • XLS and XLSX: 15MB
  • Example: Upload a CSV, Excel, or JSON file with your existing business data and ask the AI to analyze it, suggest entities and fields, propose a data model for your app, or prepare the data for import. To learn how to import the data into your tables, see Managing your app data.
Audio: MP3, WAV
  • Max size: 100MB
Zip files
  • Max size: 25MB

Sharing media on your live app

Let your app users upload media directly in your live app. You and your app users can share, download, or interact with content to create a more engaging experience. Just tell the AI chat what you want your app users to be able to do, and the AI sets it up for you. By default, the AI saves uploads as private files, which only your app can open. If you want anyone with a file’s link to be able to open it, ask the AI chat to save uploads as public files instead.
A screenshot of a Trip photos window in a live app with an Upload photos button above a grid of uploaded photos

A file upload in your live app

File upload limits for your app

These limits apply to files that people upload through your live app. They’re the same for private and public files.

File upload limits on your live app

  • Images: PNG, JPG, JPEG, WEBP, SVG (max size: 50MB)
  • Documents: PDF, TXT, HTML (max size: 50MB)
  • Data files: CSV, XLS, XLSX, JSON (max size: 50MB)
  • Videos: MP4, WEBM, MOV, AVI, MKV, M4V, WMV, OGV, 3GP, 3G2 (max size: 100MB per video)
  • Audio: MP3, WAV (max size: 50MB)

Removing live app uploads

Files that people upload through your live app, such as profile photos or attached documents, aren’t saved to your file library, so you can’t delete them there. Instead, your app keeps a link to each one in a record in your app’s data, and you remove the file from your app by deleting that record. If someone asks you to delete their personal data, see deleting your app’s user data. To remove an uploaded file from your app:
  1. Click Dashboard in your app editor.
  2. Click Data.
  3. Select the table that holds the file.
  4. Click the Delete icon on the row of the record that links to the file.
The stored file itself isn’t deleted, so if it was uploaded as a public file, anyone who has its link can still open it. If you need the stored file deleted too, for example for a privacy request, copy its link from the record before you delete the record, then contact Customer Care with your app’s name and the link.
Personalize your app by adding a logo. Your logo is visible to people when they add your app to their home screen and also appears as the browser favicon. To change your logo:
  1. Go to your app’s dashboard.
  2. Click Overview.
  3. Click the Edit icon on the logo and either:
    • Upload your own image file
    • Click Generate Logo to create a new one with the AI
A screenshot of the dashboard Overview page with the app logo outlined next to the app name and description

The app logo on the Overview page

Logos generated in Base44 can only be used within your app and cannot be exported.
Use these limits when you choose or generate a logo image for your app.

File limits for your logo

  • Image formats: PNG, JPG, JPEG
  • Max size: 5MB
  • Max dimensions: 1024x1024 pixels (larger images are resized automatically)
For best results, use a clear, square image with a transparent background.

Setting your social image

Add a social image to control how your app looks when someone shares its link on social platforms like Slack, WhatsApp, or iMessage. The image appears in the preview card alongside your app name and description. Your social image is the default for every page. To show a different image when someone shares a specific page, set a social image for that page on the SEO & GEO page.
App settings with the Social Image area outlined

Adding a social image in your app settings

Adding a social image

Your social image lives with the rest of your app’s details, in your app settings. To add a social image:
  1. Click Dashboard in your app editor.
  2. Click Settings in the left menu.
  3. Under App Info, click or drag an image into the Social image upload area.
Use an image that is 1200x630 pixels for the best results across platforms.

Replacing or removing your social image

Swap your social image for a new one, or take it off, from the same place you added it. To replace or remove your social image:
  1. Click Dashboard in your app editor.
  2. Click Settings in the left menu.
  3. Under App Info, hover over the social image:
    • Click the Upload icon to replace it with a new image.
    • Click the Delete icon to remove it.

File limits for your social image

File limits for your social image

  • Image formats: PNG, JPG, WEBP
  • Recommended size: 1200x630 pixels
  • Max size: 5MB
For best results, avoid text-heavy images as they may be cropped on some platforms.

Deleting a file

Delete a file from your file library when you no longer need it, such as an old image or a document you uploaded by mistake. You can delete any file in your library yourself, including images and videos the AI generated, and the stored file is deleted with it.
What to know about deleting files:
  • Deleting a file is permanent and can’t be undone.
  • The file’s link stops working everywhere, including anywhere your app still uses it. To check where your app uses a file, ask the AI chat first.
  • You delete files one at a time.
To delete a file:
  1. Go to your app editor.
  2. Click the Add icon in the AI chat.
  3. Click Choose from library.
  4. Click the More actions icon on the file.
  5. Click Delete.
  6. Click Delete file to confirm.

FAQs

Click a question below to learn more.
If your file isn’t uploading to the chat, it’s most likely because the file is too large or the wrong format. You might see an “Invalid MIME type” error, which means the file type isn’t supported or doesn’t match what Base44 expects.Check your file against the file upload limits and upload it again in a supported format. If the wrong file already went into the chat, revert that message first. If the upload still doesn’t work, refresh the app editor and try again.
This error can happen if you upload a file that was renamed without converting it properly. For example, changing the file name from .webp to .png or from one video format to another does not convert the file.To fix this:
  • Try reverting your last message if you just uploaded the file.
  • Check that your file is one of the supported formats listed in the Media guide and has not simply been renamed from another file type.
  • Make sure your file does not exceed the size limits set in the Media guide.
  • Try uploading your file again using a supported format.
If you still have trouble after these steps, contact Customer Care for help.
You can disconnect Google Drive at any time from your account settings.To disconnect Google Drive:
  1. Click your workspace name at the bottom left and click Account settings.
  2. Click Builder.
  3. Under Connect your accounts, next to Google Drive, click Disconnect.
Yes, you can replace your logo image at any time from your dashboard inside the app editor. The new logo appears once your changes are published.
No, a social image is optional. If you do not set one, social platforms show a generic preview when your app link is shared. Adding a social image gives you control over how your app appears and can make it more recognizable.
There’s no overall limit on the files your app stores, only on the size of each file. See the limits above for each file type.Your app’s database, where its records are stored, has a size limit that depends on your plan. Learn more about database limits.