Tools / Green Screen Photo Editor

Green Screen Photo Editor

Drop the green screen out of a photo and put anything behind it, free.

🖼️ Scaling millions of product images? 💡Automate, optimize, and deliver faster. 👉 Talk to a Media Expert

Green Screen Photo Editor

Remove the green screen from a photo and put any background behind your subject.

Or drag your image here

JPG, PNG, WebP, HEIC and more. Max 20MB

★★★★★
4.9 (23 reviews)

Looking to edit a green screen photo at scale?

Sign up to use our API in your next project and edit a green screen photo at scale.

Free Online Green Screen Photo Editor

The chroma key trick that studios use, without the studio software.

Why use our Green Screen Photo Editor tool?

A green screen only pays off once you take the green out. Upload the shot, the background goes, and you decide what sits behind it.

Built for the browser

Works right in your browser, free, with no software to install and no watermarks.

Chroma key in a click

The green is keyed out for you, so you are not painting around hair and edges by hand.

Any background you like

Leave it transparent as a PNG, fill it with a flat colour, or drop in another image.

Quality preserved

Cloudinary keeps your output crisp and true to the original.

Do it at scale

Process one file or thousands with our free API and edit a green screen photo automatically, with no manual steps.

Format versatility

Works with all major formats, so your result fits right into your workflow.

How to edit a green screen photo in 3 steps

Edit your green screen photo in 3 simple steps. Upload it, drop the background, and download.

Upload your photo

Drag and drop your green screen photo into the browser, or upload it from your device.

Key out the green

The green background is removed and you choose what replaces it.

Download

Save your result, with no watermarks.

Go beyond a green screen

Clean up and replace backgrounds with more free tools: Remove White Background, Remove Object from Photo, Color Splash.

A woman and a golden retriever in the mountains. They're sitting, facing away from the camera while the dog noses the woman. They're surrounded by natural splendor including majestic mountains, puffy clouds, and evergreen-studded hills.
An un-cropped image overlaid with a cropping window showing how it would be cropped by Cloudinary.
An arrow pointing from the original asset to the cropped asset
A woman and a golden retriever in the mountains. They're sitting, facing away from the camera while the dog noses the woman. They're surrounded by natural splendor including majestic mountains, puffy clouds, and evergreen-studded hills.
The same asset cropped using the following settings: Aspect Ratio: 1:2. Crop Mode: Content-Aware.
Images
Videos
Crop Mode
Aspect Ratio
Original
18 MB

We’re showing a resized version of the original asset to avoid slow loading speeds. View the original.

The original asset:
JPEG
135 KB
WebP
135 KB
AVIF
90 KB
JPEG XL
94 KB
The image after being optimized using the following settings: Quality: Auto. Width: 1000px.
Original
18 MB

We’re showing a resized version of the original asset to avoid slow loading speeds. View the original.

The original asset:
JPEG
135 KB
WebP
135 KB
AVIF
90 KB
JPEG XL
94 KB
The image after being optimized using the following settings: Quality: Auto. Width: 1000px.
Images
Videos
Quality
Width
An un-cropped image overlaid with a croppingai window showing how it would be cropped by Cloudinary.
An arrow pointing from the original asset to the cropped asset
The same asset cropped using the following settings: Aspect Ratio: 1:1. Crop Mode: Content-Aware.
Images
Videos
Crop Mode
Aspect Ratio
The original image:
An arrow pointing from the original asset to the transformed asset.
The personalized image:
The original image:
The personalized image:
Product Photos
Backgrounds
Overlays
Duration
Full length video: Surfing Trip
An arrow pointing from the original video to the AI-generated preview.
Duration
A shorter video preview generated by Cloudinary's AI using the following settings: Duration: 15 seconds. Max Clips: 9. Min Clip Length: 1 second.
Videos
Duration
Max Clips
Min Clip Length
URL:
/ar_0.5,c_fill,g_auto,w_433/q_auto/f_auto/hiking_dog_mountain.jpg
cloudinary.image("hiking_dog_mountain.jpg", {transformation: [
  {aspect_ratio: "0.5", gravity: "auto", width: 433, crop: "fill"},
  {quality: "auto"},
  {fetch_format: "auto"}
  ]})
new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));
new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));
new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));
new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));
CloudinaryImage("hiking_dog_mountain.jpg").image(transformation=[
  {'aspect_ratio': "0.5", 'gravity': "auto", 'width': 433, 'crop': "fill"},
  {'quality': "auto"},
  {'fetch_format': "auto"}
  ])
(new ImageTag('hiking_dog_mountain.jpg'))
	->resize(Resize::fill()->width(433)
->aspectRatio(0.5)
	->gravity(
	Gravity::autoGravity())
	)
	->delivery(Delivery::quality(
	Quality::auto()))
	->delivery(Delivery::format(
	Format::auto()));
cloudinary.url().transformation(new Transformation()
  .aspectRatio("0.5").gravity("auto").width(433).crop("fill").chain()
  .quality("auto").chain()
  .fetchFormat("auto")).imageTag("hiking_dog_mountain.jpg");
cl_image_tag("hiking_dog_mountain.jpg", transformation: [
  {aspect_ratio: "0.5", gravity: "auto", width: 433, crop: "fill"},
  {quality: "auto"},
  {fetch_format: "auto"}
  ])
cloudinary.Api.UrlImgUp.Transform(new Transformation()
  .AspectRatio("0.5").Gravity("auto").Width(433).Crop("fill").Chain()
  .Quality("auto").Chain()
  .FetchFormat("auto")).BuildImageTag("hiking_dog_mountain.jpg")
cloudinary.image('hiking_dog_mountain.jpg').transformation(Transformation()
	.resize(Resize.fill().width(433)
.aspectRatio(0.5)
	.gravity(
	Gravity.autoGravity())
	)
	.delivery(Delivery.quality(
	Quality.auto()))
	.delivery(Delivery.format(
	Format.auto())));
imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()
  .setAspectRatio("0.5").setGravity("auto").setWidth(433).setCrop("fill").chain()
  .setQuality("auto").chain()
  .setFetchFormat("auto")).generate("hiking_dog_mountain.jpg")!, cloudinary: cloudinary)
MediaManager.get().url().transformation(new Transformation()
  .aspectRatio("0.5").gravity("auto").width(433).crop("fill").chain()
  .quality("auto").chain()
  .fetchFormat("auto")).generate("hiking_dog_mountain.jpg");
cloudinary.image('hiking_dog_mountain.jpg').transformation(Transformation()
	.resize(Resize.fill().width(433)
.aspectRatio(0.5)
	.gravity(
	Gravity.autoGravity())
	)
	.delivery(Delivery.quality(
	Quality.auto()))
	.delivery(Delivery.format(
	Format.auto())));
cloudinary.image {
	publicId("hiking_dog_mountain.jpg")
	 resize(Resize.fill() { width(433)
 aspectRatio(0.5F)
	 gravity(
	Gravity.autoGravity())
	 })
	 delivery(Delivery.quality(
	Quality.auto()))
	 delivery(Delivery.format(
	Format.auto())) 
}.generate()
new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

Frequently Asked Questions

It removes a green screen background from a photo and lets you replace it with transparency, a solid colour or another image. Chroma key is the technique film and TV have used for decades, and it works because a saturated green is a colour almost never found in skin or clothing, so software can separate it cleanly from the subject.

It depends on the shot. An evenly lit green backdrop with the subject standing well clear of it gives the cleanest cut. Shadows on the backdrop, wrinkles in the fabric, or green light spilling onto the subject’s shoulders all make the edge harder to find, which is why studios light the screen separately from the subject.

Yes, it is free to use online, the result carries no watermark and there is nothing to install. Upload the photo, let the background drop out, choose what replaces it and download. If you need the same job done across a shoot rather than on one frame, the Cloudinary API runs it in bulk on the same infrastructure.

A PNG with a transparent background if you plan to composite it yourself later, or a finished image with your chosen colour or photo already sitting behind the subject. Either way the subject keeps its original resolution. Download as PNG rather than JPEG when you want the transparency preserved, because JPEG has no alpha channel and fills the empty area with white.

Yes. Background removal runs through the Cloudinary API, so a studio shoot or a catalogue of product photos can be processed in one pass instead of file by file. Because it happens on delivery, you keep one clean original and serve the cut out version, which means you can change the background later without re-processing anything.

Related tools: Green Screen Video Editor · Remove Black Background · Remove White Background

Get Free API Get Free API