---
title: Adding Assets to a Microapp 2.0
description: Every microapp has its own asset panel which contains images and videos that can be used in your microapp. The Assets Panel is located in the bottom right-hand corner of the Builder.  Supported File T
---

[Skip to content](https://support.tiled.co/adding-assets-to-a-microapp-2.0#main-content)

English

Show submenu for translations

[Submit a request](https://support.tiled.co/kb-tickets/new)

![logo-horizontal\_w.png\]](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_w.png?height=30&name=logo-horizontal_w.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Submit a request](https://support.tiled.co/kb-tickets/new)

 Hi, how can we help you?

- There are no suggestions because the search field is empty.

1. [Support](https://support.tiled.co/)
2. [Builder 2.0](https://support.tiled.co/builder-2-0)
3. [Tiled Builder 2.0](https://support.tiled.co/builder-2-0#tiled-builder-2-0)

# Adding Assets to a Microapp 2.0

The Assets Panel is a dedicated media library built into every microapp. It stores the images, videos, and other files used in that microapp, and is located in the bottom right-hand corner of the Builder.

![Screenshot 2024-10-04 at 9.50.27 AM](https://support.tiled.co/hs-fs/hubfs/Screenshot%202024-10-04%20at%209.50.27%20AM.png?width=688&height=355&name=Screenshot%202024-10-04%20at%209.50.27%20AM.png)

### Add Assets to the Assets Panel

**Supported File Types**

.pdf .gif .jpg .jpeg .png .svg .mp4 .mov 

*File names should only contain alphanumeric characters.*

Files can be added to the Assets Panel by any of the following methods:

- Syncing your designs with a Plugin. [Read more](https://support.tiled.co/hc/en-us/articles/4407739051795).
- Drag and drop your images or videos from your computer directly into Tiled.

<iframe data-hsv-src="https://play.hubspotvideo.com/v/4720090/id/190237936957?autoplay=true&amp;loop=true&amp;muted=true" referrerpolicy="origin" sandbox="allow-forms allow-scripts allow-same-origin allow-popups" allow="autoplay; fullscreen;" style="position: absolute !important; width: 100% !important; height: 100% !important; left: 0; top: 0; border: 0 none; pointer-events: initial" title="HubSpot Video" loading="lazy" data-hsv-id="190237936957" data-hsv-style="" data-hsv-width="688" data-hsv-height="386" data-hsv-autoplay="true" data-hsv-loop="true" data-hsv-muted="true" data-hsv-hidden-controls="false" data-hsv-full-width="false"></iframe>

- Click the **+** icon under the search bar to open the upload dialog, which lets you: 
    - An asset from your local device
    - Pick an asset from your Tiled Library's [Global Asset Library](https://support.tiled.co/asset-library-overview)
  
  <iframe data-hsv-src="https://play.hubspotvideo.com/v/4720090/id/190236607765?autoplay=true&amp;loop=true&amp;muted=true" referrerpolicy="origin" sandbox="allow-forms allow-scripts allow-same-origin allow-popups" allow="autoplay; fullscreen;" style="position: absolute !important; width: 100% !important; height: 100% !important; left: 0; top: 0; border: 0 none; pointer-events: initial" title="HubSpot Video" loading="lazy" data-hsv-id="190236607765" data-hsv-style="" data-hsv-width="688" data-hsv-height="386" data-hsv-autoplay="true" data-hsv-loop="true" data-hsv-muted="true" data-hsv-hidden-controls="false" data-hsv-full-width="false"></iframe>

Once assets have been added you can use the [Image Tile](https://support.tiled.co/hc/en-us/articles/360050831674), [Video Tile](https://support.tiled.co/hc/en-us/articles/360051657513), or [Gallery Tile](https://support.tiled.co/hc/en-us/articles/360050099594) to bring in your creative assets. Additionally you can use these assets as the [Background](https://support.tiled.co/hc/en-us/articles/360002924333) for your microapp.

<iframe data-hsv-src="https://play.hubspotvideo.com/v/4720090/id/180270053293" referrerpolicy="origin" sandbox="allow-forms allow-scripts allow-same-origin allow-popups" allow="autoplay; fullscreen;" style="position: absolute !important; width: 100% !important; height: 100% !important; left: 0; top: 0; border: 0 none; pointer-events: initial" title="HubSpot Video" loading="lazy" data-hsv-id="180270053293" data-hsv-style="" data-hsv-width="688" data-hsv-height="387" data-hsv-autoplay="false" data-hsv-loop="false" data-hsv-muted="false" data-hsv-hidden-controls="false" data-hsv-full-width="false"></iframe>

### Asset Size Considerations

Tiled has no maximum file size for assets or microapps. However, if you are making a large microapp, especially with images or videos larger than 10 MB a piece, the performance of your microapp may be impacted by the size of the asset. For best performance, Tiled recommends keeping the **total** size of your microapps under 300 MB and compressing your assets where possible.

For optimal video performance, Tiled recommends that the size of individual video assets does not exceed 10 MB and that the total size of all video assets is not greater than 50 MB. Additionally, Tiled recommends the following:

- Compress all of your videos before they are imported into Tiled.
- Ensure that videos used as backgrounds and motion graphics do not exceed 10 MB.
- If using longer/larger videos in your microapp, do not turn on the Autoplay setting to accommodate load times.

If your microapp exceeds these recommendations, Tiled recommends that the microapp is downloaded to a local device for viewing to mitigate some of the lagging and loading issues that your viewers may experience.

Assets over **500 MB** cannot be uploaded to Tiled.

### Filtering your Assets

You can filter and sort the assets in this panel by clicking the icon next to the search bar. To learn more about this feature, see [Asset Management (Filter, In Use vs. Not Used & Sort)](https://support.tiled.co/asset-management-used-unused). Additionally, you can enter the name of the desired asset to locate it in the Assets Panel. 

### Delete an Asset from the Assets Tab

To delete an asset from the Assets Panel, right-click the asset and select **Delete**. 

![Screenshot 2024-10-04 at 11.28.23 AM](https://support.tiled.co/hs-fs/hubfs/Screenshot%202024-10-04%20at%2011.28.23%20AM.png?width=281&height=357&name=Screenshot%202024-10-04%20at%2011.28.23%20AM.png)

Any asset deleted from the Assets Panel will be removed from your microapp. If you delete an asset by mistake, you can undo the action using the keyboard shortcut: **⌘Z** (Mac) or **Ctrl+Z** (Windows).

- [Getting Started](https://support.tiled.co/getting-started#main-content)

    - [Intro to Tiled](https://support.tiled.co/getting-started#intro-to-tiled)
    - [Tiled Library](https://support.tiled.co/getting-started#tiled-library)
- [Tiled Builder](https://support.tiled.co/tiled-builder#main-content)

    - [Tiled Builder](https://support.tiled.co/tiled-builder#tiled-builder)
    - [Microapp Tiles](https://support.tiled.co/tiled-builder#microapp-tiles)
    - [Personalization](https://support.tiled.co/tiled-builder#personalization)
    - [Asset Library](https://support.tiled.co/tiled-builder#asset-library)
    - [Best Practices](https://support.tiled.co/tiled-builder#best-practices)
- [Tiled Tiles](https://support.tiled.co/tiled-tiles)
- [Settings](https://support.tiled.co/settings#main-content)

    - [Account Settings](https://support.tiled.co/settings#account-settings)
    - [Library Settings](https://support.tiled.co/settings#library-settings)
    - [Microapp Settings](https://support.tiled.co/settings#microapp-settings)
- [Sharing & Analytics](https://support.tiled.co/sharing-analytics#main-content)

    - [Microapp Analytics](https://support.tiled.co/sharing-analytics#microapp-analytics)
    - [Personalization](https://support.tiled.co/sharing-analytics#personalization)
    - [Sharing Microapps](https://support.tiled.co/sharing-analytics#sharing-microapps)
- [Useful Resources](https://support.tiled.co/useful-resources#main-content)

    - [Additional Guides](https://support.tiled.co/useful-resources#additional-guides)
    - [Developer Tools](https://support.tiled.co/useful-resources#developer-tools)
    - [Accessibility](https://support.tiled.co/useful-resources#accessibility)
    - [Tiled Mobile App](https://support.tiled.co/useful-resources#tiled-mobile-app)
    - [Seismic](https://support.tiled.co/useful-resources#seismic)
    - [Authentication & Security](https://support.tiled.co/useful-resources#authentication-security)
- [Builder 2.0](https://support.tiled.co/builder-2-0#main-content)

    - [Tiled Builder 2.0](https://support.tiled.co/builder-2-0#tiled-builder-2-0)
    - [Microapp Tiles 2.0](https://support.tiled.co/builder-2-0#microapp-tiles-2-0)
    - [Personalization 2.0](https://support.tiled.co/builder-2-0#personalization-2-0)
    - [Asset Panel 2.0](https://support.tiled.co/builder-2-0#asset-panel-2-0)
    - [Layers & Settings 2.0](https://support.tiled.co/builder-2-0#layers-settings-2-0)
    - [FAQ](https://support.tiled.co/builder-2-0#faq)
- [Tiled Plugins](https://support.tiled.co/tiled-plugins#main-content)

    - [Figma Plugin](https://support.tiled.co/tiled-plugins#figma-plugin)
    - [Adobe XD Plugin](https://support.tiled.co/tiled-plugins#adobe-xd-plugin)
    - [Sketch Plugin](https://support.tiled.co/tiled-plugins#sketch-plugin)
- [Integrations](https://support.tiled.co/integrations#main-content)

    - [CRM & Marketing Automation](https://support.tiled.co/integrations#crm-marketing-automation)
    - [Content & Asset Management](https://support.tiled.co/integrations#content-asset-management)
    - [Collaboration & Communication](https://support.tiled.co/integrations#collaboration-communication)
- [New Releases](https://support.tiled.co/new-releases#main-content)

    - [v65.0.0](https://support.tiled.co/new-releases#v65-0-0)
    - [v64.0.0](https://support.tiled.co/new-releases#v64-0-0)
    - [v63.0.0](https://support.tiled.co/new-releases#v63-0-0)
    - [v62.0.0](https://support.tiled.co/new-releases#v62-0-0)
    - [v61.0.1](https://support.tiled.co/new-releases#v61-0-1)
    - [v60.0.0](https://support.tiled.co/new-releases#v60-0-0)
    - [v59.0.0](https://support.tiled.co/new-releases#v59-0-0)
    - [v58.0.0](https://support.tiled.co/new-releases#v58-0-0)
    - [v57.0.0](https://support.tiled.co/new-releases#v57-0-0)
    - [v56.0.0](https://support.tiled.co/new-releases#v56-0-0)
    - [v55.0.1](https://support.tiled.co/new-releases#v55-0-1)
    - [v54.0.0](https://support.tiled.co/new-releases#v54-0-0)
    - [v53.0.0](https://support.tiled.co/new-releases#v53-0-0)
    - [v52.0.0](https://support.tiled.co/new-releases#v52-0-0)
    - [v51.0.0](https://support.tiled.co/new-releases#v51-0-0)
    - [v50.0.0](https://support.tiled.co/new-releases#v50-0-0)

[![logo-horizontal\_k-3](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_k-3.png?width=100&height=21&name=logo-horizontal_k-3.png "logo-horizontal_k-3")](https://tiled.co)

Copyright © 2026, Tiled

```json
{
  "@context" : "https://schema.org",
  "@type" : "VideoObject",
  "contentUrl" : "https://stream.mux.com/u900G2AHF0001NM45zWWeKiVSgB72TPNe6zHEXCplJ4DYk/capped-1080p.mp4",
  "dateModified" : "2025-05-16T17:09:13.673Z",
  "duration" : "PT5S",
  "height" : 852,
  "name" : "drag-asset",
  "thumbnailUrl" : "https://4720090.fs1.hubspotusercontent-na1.net/hubfs/4720090/drag-asset.mov/medium.jpg",
  "uploadDate" : "2025-05-16T17:09:10.822Z",
  "width" : 1520
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "VideoObject",
  "contentUrl" : "https://stream.mux.com/rMPy1Ux8GvkZw00nOiCheKVEFIx6C4qPrQrNXav45H9Y/capped-1080p.mp4",
  "dateModified" : "2025-05-16T17:14:45.010Z",
  "duration" : "PT8S",
  "height" : 852,
  "name" : "asset-from-library",
  "thumbnailUrl" : "https://4720090.fs1.hubspotusercontent-na1.net/hubfs/4720090/asset-from-library.mov/medium.jpg",
  "uploadDate" : "2025-05-16T17:14:42.434Z",
  "width" : 1520
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "VideoObject",
  "contentUrl" : "https://4720090.fs1.hubspotusercontent-na1.net/hubfs/4720090/Screenshare%20-%202024-10-04%2010_24_44%20AM-1.mp4",
  "dateModified" : "2024-10-04T18:25:53.446Z",
  "duration" : "PT8S",
  "height" : 1080,
  "name" : "Screenshare - 2024-10-04 10_24_44 AM-1",
  "thumbnailUrl" : "https://4720090.fs1.hubspotusercontent-na1.net/hubfs/4720090/Screenshare%20-%202024-10-04%2010_24_44%20AM-1.mp4/medium.jpg",
  "uploadDate" : "2024-10-04T18:25:53.441Z",
  "width" : 1920
}
```