How to Make a Video with a Transparent Background on Mac (Alpha Channel Export)

If you searched for a transparent background video, you probably found plenty of tools that cut a person out of their footage. That is a different job. This guide is about the other one: exporting a video with a real alpha channel, so a phone, a logo, a title or a product shot floats over whatever sits behind it in an editor, a slide or a web page.

The short version: transparency lives in the file format. Pick a format that carries an alpha channel, make sure nothing opaque sits behind your subject, and export with the alpha turned on. The rest is detail, and the details below are where most transparent exports go wrong.

What an alpha channel is#

A normal video frame stores three values for every pixel: red, green and blue. A transparent video adds a fourth, the alpha channel, which says how opaque each pixel is. White in the alpha channel means solid, black means fully transparent, and greys are partly see-through. Those greys are what give soft shadows and anti-aliased edges their smooth falloff.

When an editor or a browser plays the file, it uses that fourth channel to blend the video over whatever is underneath. If the format has no alpha channel, there is nothing to blend with, and the "empty" areas get filled with a colour, usually black.

Alpha can be stored in two ways:

• Straight (unmatted). The colour channels keep their full colour, and the alpha channel alone holds the transparency.
• Premultiplied (matted). The colour has already been multiplied by the alpha against a background colour, usually black, so semi-transparent edges are darkened in advance.

Both work fine. Problems only start when an app reads one as the other, which is covered in the mistakes section below.

Which formats keep transparency#

A few notes on that table:

• Apple states that ProRes 4444 and 4444 XQ are the only ProRes codecs that support alpha channels. The 422 family sits in the same menu and quietly flattens it.
• HEVC with alpha is Apple's compact option. It is far smaller than ProRes, which makes it the usual choice for Safari on a web page.
• VP9 WebM with alpha plays transparent in Chrome, Edge and Firefox. Safari plays WebM too, but without the transparency. Transparent video on a website explains how to serve each browser the right file.
• For editing, use the MOV. Final Cut Pro does not import WebM natively.

If you are weighing the formats against each other, ProRes 4444 vs WebM with alpha compares them side by side.

Can an MP4 have a transparent background?

In practice, no. MP4 files almost always carry H.264, and H.264 as browsers, phones and social apps play it has no alpha channel. Export an MP4 from a project with empty areas and those areas turn solid, usually black.

QuickTime Player's own export makes the point: it only offers a Preserve Transparency option when you export to HEVC, and only for movies that already have an alpha channel.

So if a tool promises a "transparent MP4", check what it delivers. It is usually a MOV or a WebM, or a video on a flat green background that you are expected to key out later.

Export with alpha from Final Cut Pro#

Final Cut Pro treats any part of the frame with no clip underneath as transparent. The export format decides whether that survives.

1. Build the timeline without a background

Put the element you want to float in the timeline and make sure nothing fills the frame behind it: no background clip, no generator, no solid colour. The empty areas are what become transparent.

2. Open the export settings

Choose File → Share → Export File (or press Command-E), then click Settings at the top of the Share window.

3. Pick ProRes 4444

In the Video Codec menu, choose Apple ProRes 4444 (or 4444 XQ for the highest quality). Leave the ProRes 422 options alone: they have no alpha channel.

4. Save and test

Click Next, choose a location and click Save. To check it, drop the new file into a project above a brightly coloured clip. If the colour shows through around your subject, the alpha made it.

Export with alpha from Motion#

Motion has an explicit switch for the background, which is the step people miss.

1. Make the project background transparent

Choose Edit → Project Properties (or press Command-J). In the Properties Inspector, set Background to Transparent. The Solid and Environment options render the background into the alpha channel, so the export will not be see-through.

2. Export a QuickTime movie

Choose File → Share → Export Movie (or press Command-E), then click Settings.

3. Choose the codec and the channels

Set Video Codec to Apple ProRes 4444 and set Color Channels to color plus alpha. Apple's note is worth repeating: codecs that do not support alpha save no alpha channel, whatever you choose in that menu.

Export with alpha from After Effects#

1. Queue the composition

Select the composition and choose Composition → Add to Render Queue (Command-M on a Mac). Make sure no solid or background layer covers the whole frame.

2. Set the output module

In the Render Queue panel, open the Output Module settings. Choose QuickTime as the format, open Format Options and pick Apple ProRes 4444 as the video codec.

3. Turn on the alpha channel

Set Channels to RGB + Alpha. Adobe notes that this implies a depth of Millions of Colors+ and that not every codec supports alpha, which is why the codec in step 2 matters. Then set Color to Straight (Unmatted) or Premultiplied (Matted), depending on what the next app expects.

Make a smaller copy with QuickTime Player#

ProRes 4444 files are big. When you need a compact transparent file for Apple devices or for Safari on a web page, convert the MOV to HEVC with alpha. QuickTime Player does it for free:

1. Open the ProRes 4444 MOV in QuickTime Player.
2. Choose File → Export As and pick a resolution (Apple's guide uses 1080p as the example).
3. Select Use HEVC, then select Preserve Transparency.
4. Name the file, choose where to save it, and click Save.

The Preserve Transparency checkbox only appears when the movie already has an alpha channel, such as ProRes 4444. If you do not see it, the source was never transparent, and the problem is further up the chain.

Common mistakes that kill transparency#

The fringe problem deserves a closer look. Premultiplied files already have their semi-transparent pixels blended with black (or white). If an app treats them as straight, that blend happens twice and soft edges pick up a dark halo. The fix is never to re-export in a panic: tell the editor which kind of alpha the clip has. Device mockups in Final Cut Pro and Premiere shows where that setting lives in each editor.

Transparent device mockups of a website#

A common reason to want a transparent video is a device mockup: a phone or laptop showing a website, floating over your own footage, slide or landing page. Building one by hand means recording the site, fitting the recording into a frame template, keyframing it, and then exporting with alpha as above.

GlidePage, a Mac app, does that part in one step. Paste a link, pick a device, turn the frame on and set the background to None, and the export is transparent:

• ProRes 4444 MOV with alpha, for Final Cut Pro, Premiere Pro, DaVinci Resolve and After Effects.
• VP9 WebM with alpha, for websites, converted on request at 4K. It plays transparent in Chrome, Edge and Firefox; Safari plays it without transparency.
• Transparent PNG stills from photo mode: a 4K image of any point on the page.
• PNG frame sequences in a ZIP, if your editor prefers one image per frame.

The page is scrolled and captured frame by frame at 4K and 60 fps, inside a real frame for current iPhones, Pixels, Galaxy phones, iPads, MacBooks and more, with the status bar and safe areas in place. It all runs on your Mac: nothing is uploaded, and no account is needed. It needs macOS 12 or later on Apple Silicon.

Two honest notes. Transparent MOV files are large: roughly 40 MB per second of 4K 60 fps video, so a 20-second clip is around 800 MB. And GlidePage does not export HEVC with alpha itself; if you need it for Safari, make it from the MOV with QuickTime Player as shown above. Transparency also needs the frame on: without a frame, the video is just the page, which is opaque anyway.

Where to use a transparent video#

• In a video editor. Drop the MOV on the track above your footage and animate it. See device mockups in Final Cut Pro and Premiere.
• On a web page. Float a device over your own layout with a WebM (and an HEVC copy for Safari). See transparent video on a website.
• Over a phone recording. If you have an app or screen recording rather than a website, adding an iPhone frame to a screen recording covers that case.
• In a slide or a still. A transparent PNG from photo mode drops onto any slide background without a white box around the device.

If you are starting from scratch, how to make a scrolling video of a website walks through the whole recording process.

A quick checklist before you send the file#

• Nothing opaque fills the frame behind the subject.
• The codec is ProRes 4444 or 4444 XQ, HEVC with alpha, VP9 WebM, or PNG.
• Alpha is switched on in the export (Color Channels in Motion, RGB + Alpha in After Effects).
• You tested it over a bright colour in an editor, not in a player.
• Soft edges and shadows look clean, with no dark halo.
• Editors get the MOV, web pages get the WebM (plus an HEVC copy for Safari).
• You know the file size: ProRes 4444 at 4K fills a drive quickly.

Make your site move.

Any page, one smooth 4K video. Framed, on any background, or transparent.

Download for Mac