Adding Assets
Use JPEGs, PNGs, PDFs, and text files to add context and steer Maker’s output, swap media in your project, or bring in content from external sources, all directly from your prompt.
Uploading & Referencing Local Assets
Attach the file
Click the + button under the prompt box.
Select Add images & files.
The Files & Images modal opens.
Stay on Uploads to use files you have already uploaded, or switch to Artifacts to reuse generated assets.
To add something new, click Upload (top right) and choose your file.
Once the new asset is uploaded, select it from the Uploads tab.
Click the file thumbnail to insert it into your project.
Refer to your prompt
Maker will automatically insert or replace your project’s
<img>with the selected asset.
Using External URLs
Paste any public URL (PNG, JPEG, SVG, MP4, YouTube, Vimeo) directly into the prompt.
Prompt example:
Maker fetches and embeds external assets at generation time.
Replacing Assets in Your Project
Share a prompt to make any asset updates
Select Tool- Target any element in your live preview by clicking on the select tool first in the prompt box
Maker AI updates your code to reference the new asset paths.
Embedding & Configuring Videos
Add the video as noted above, then prompt like:
Make the video autoplay and loop enabled.
Use the video as background, muted autoplay, with a poster frame from this asset
Best Practices
Optimize file size: You don’t need to compress images before uploading—Maker automatically optimizes them for performance. For best visual quality, upload images at 2x the display size. Note: there is a 5MB file size limit per image.
Descriptive filenames: When adding assets, add a description in the prompt box on how to use it
Match dimensions: Use aspect ratios that fit your design.
Host stable links: If you upload images directly to Maker, they’re automatically served via our CDN, ensuring fast, reliable, and consistent delivery. If you link to externally hosted assets, be sure they’re on a reliable server or CDN to avoid issues with broken or unstable links when the content is loaded or updated later.
FAQ
What's the best format for adding a video to my page?
It depends on what matters most to you. If you're fine with YouTube's branding showing up, a YouTube embed is the simplest route. For short videos (around a minute or so), MP4 usually works best since it plays at full quality right from the start, with no progressive loading. If the video is meant to sit above the fold or act as a background element, HLS (m3u8) is the better choice for performance.
Will using a YouTube or Vimeo embed affect how my video looks on the page?
It can. YouTube and Vimeo players keep the video's original aspect ratio within their frame. So if your container size doesn't match the video's dimensions, you'll see blank space on the sides. MP4 and HLS don't have this issue, both can scale to fill the container regardless of the video's original ratio.
There's blank space around my video. How do I fix it?
This usually comes down to a mismatch between your container size and the video's original dimensions, and it's most common with YouTube or Vimeo embeds since they preserve the original aspect ratio. You have two options: adjust the container size to match the video, or switch to MP4 or HLS, which can scale to fill the container no matter the original ratio.
MP4 or HLS, how do I choose?
For short videos (around a minute), MP4 is a great fit since it loads at full quality immediately. HLS (m3u8) makes more sense for longer videos, background videos, or anything above the fold where performance is the priority.
Does embedding a YouTube video bring along YouTube's branding?
Yes, YouTube embeds come with YouTube's own player styling and branding. If you'd rather not have that, MP4 or HLS are good alternatives.
Last updated
Was this helpful?