Grayscale an image

Try our grayscale image converter to easily convert your images, photos and graphics to grayscale with minimal effort. Grayscale any image in seconds!

Upload an Image to Transform

Or drag your images here

Looking to programmatically grayscale images?

Sign up for our free API and automatically grayscale your web images

GET FREE API

Free Grayscale Image Converter

Easily grayscale images online instantly and effortlessly. No installation or plugins required.
Simply drop any image into our converter, and receive your grayscale image in seconds.

Why choose our Grayscale Converter?

You can grayscale any image on the fly, securely, ad-free and inside your browser.
Developers can get an API to automatically grayscale all their web images!

AI-powered Transformations

More than grayscaling your images. Generative Fill, Generative Object Removal and Generative Replace are just a few examples of how AI can enhance and customize images, providing flexibility in content creation.

Image Enhancement

Whether it’s 3D animations, interactive product displays, or real time filtering, Cloudinary’s API gives you a lot of image enhancement features. Developers can easily apply dozens of transformations for image enhancement.

Performance Optimization

Automatic optimization guarantees that images are delivered in the highest quality and most suitable format for the user’s device, browser, or connection. Whether it’s PNG, GIF, or JPG, it uses the most efficient next gen format for optimal performance.

Batch grayscale your web images

Use our grayscale converter to batch grayscale your web images easily, or sign up for our free API to automatically grayscale all your images!

Workflow Automation

Create automated workflows with preset configurations to save time and ensure that files are automatically transformed and ready for delivery right after upload.

Image Formats Versatility

Explore many image formats done automatically! Enjoy full support for cutting-edge formats like AVIF, JPEG-XL, and WEBP. These advanced formats ensure that your visual assets are delivered with the best combination of quality and efficiency, beyond the grayscale and filters.

How to grayscale your image

Use Grayscale Converter in 3 simple steps, or sign up for Cloudinary to programmatically grayscale thousands of your web images!

get free api
sign up for api

Add your images

Upload or drag and drop your images into the browser

Start Grayscale

Start converting your images

Download grayscale images

Once the conversion is complete, download your converted file

Explore Beyond Grayscaling your Images

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.

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

JPEG: 135 KB
WebP: 135 KB
AVIF: 90 KB
JPEG XL: 94 KB

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

JPEG: 135 KB
WebP: 135 KB
AVIF: 90 KB
JPEG XL: 94 KB

Duration: 1:42

Duration: 0:15

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

Get Answers to Your Questions About Our Chat Software and Features

What’s the difference between “grayscale” and “black and white”?

Grayscale images contain multiple shades of gray, ranging from black to white, preserving details and depth. In contrast, black-and-white images (also called binary or thresholded images) contain only pure black and pure white, with no intermediate shades. Grayscale retains more detail than a black-and-white conversion.

Will converting an image to grayscale reduce its file size?

In many cases, yes. Grayscale images remove color data, which can lead to smaller file sizes, especially for formats like PNG or BMP. However, for formats like JPEG, the size reduction might not be significant due to the way compression works.

Does converting to grayscale affect image quality?

No, grayscale conversion does not reduce resolution or sharpness, but it does remove all color information. The quality remains the same, but the image may appear different due to the absence of color contrast.