Add Purple Background to your images

Add a purple background and transform your photos. 100% automatically, free
and with advanced image recognition.

Upload
or drop an image here
No image?
Try these:
Stock 0
Stock 1
Stock 2

Looking to programmatically add purple background to your images?

Sign up for our free API and automatically replace background, add purple background to web images, or contextually remove just specific parts of the image using AI

GET FREE API

Free Purple Background

Instantly add purple background to pictures, transform your images, swap and customize backgrounds.

How to add purple background to your images

Use the Purple Background Tool in 3 simple steps, or sign up for Cloudinary to programmatically add purple background to thousands of your web images!

Get free apiContact Us

Add your images

Upload or drag and drop your images into the browser

Start Brown Background

Start adding brown background to your images

Download Images

Once the conversion is complete, download your converted files

Explore Beyond Brown Background

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()));

How can I programmatically add a purple background to my images?

Cloudinary makes it simple to add a purple background to images during upload or via dynamic transformations. By using the background:purple transformation parameter along with features like gravity and crop, users can replace transparent areas or isolate objects against a clean purple backdrop. This is especially useful for product photos or headshots where a uniform purple background enhances visual consistency. You can upload your asset through Cloudinary’s UI or API, and the platform will automatically generate a version with a purple background.

Can I automatically detect and apply a purple background to cut-out images?

Yes, Cloudinary offers AI-powered background removal via the e_background_removal effect, which you can then follow up with background:purple to ensure the subject is placed over a purple background. This workflow is ideal for e-commerce platforms or media libraries where clean, distraction-free purple backgrounds are essential. Whether you’re uploading assets manually or programmatically via the API, Cloudinary can detect the subject, remove the background, and seamlessly apply a purple background in one streamlined transformation chain.

What can I do to optimize purple background images in 2025 using Cloudinary?

In 2025, you can optimize purple background images on Cloudinary by combining background removal, smart cropping, and image compression techniques. Use Cloudinary’s latest AI-based tools to remove clutter, apply a consistent purple background, and then compress the final image using the q_auto and f_auto parameters for faster delivery without quality loss. By automating this process through the upload widget or API, your purple background assets will be optimized for SEO, performance, and cross-platform consistency.

Are there any other background color options I can use after removing the original one?

Yes! In addition to the brown background option, we offer a range of ready-made color backgrounds to match your needs. Start with our Background Remover, then choose from popular options like red background, black background, blue background, grey background, orange background, yellow background, green background, brown background, or pink background. Each background applies instantly once the original is removed.