PNG to WEBP

Convert PNG to WEBP online with a free PNG to WEBP converter. Drop your PNG images below to convert them to WEBP in seconds

Or drag your images here

Looking to programmatically convert PNG to WEBP?

Sign up for our free API and convert all your web images to WEBP

GET FREE API

Free PNG to WEB Converter

Easily convert PNG to WEBP online instantly and effortlessly. No installation or plugins required. Simply drop your PNG image into our converter, and receive your WEBP file in seconds with no loss in quality.

PNG to WEBP

Why choose our PNG to WEBP converter?

You can convert PNG to WEBP on the fly, securely, ad-free and inside your browser.
Developers can get an API to automatically convert their PNG images to WEBP!

Domain Specific AI

AI-powered Transformations

More than turning your PNG to WEBP. 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.

Domain Specific AI

Image Enhancement

Whether it’s 3D animations, interactive product displays or real time filtering, Cloudinary’s API covers a wide spectrum of image enhancement features. Developers can easily make older images look amazing again!

Domain Specific AI

Performance Optimization

Automatic optimization ensures that images are delivered in the best quality and format based on the user’s device, browser or connection. WEBP or PNG? Automatically apply the most efficient format!

Domain Specific AI

Batch convert PNG to WEBP

Use the converter to batch convert PNG to WEBP or sign up for the free API to automatically convert all your PNG images to WEBP!

Domain Specific AI

Workflow Automation

Create automated workflows on preset configurations. Save time and ensure that files are transformed and ready to deliver automatically after upload.

Domain Specific AI

Image Formats Versatility

Go beyond PNG and WEBP. Support for cutting edge formats like AVIF, JPEG-XL and HEIC ensure that visual assets are delivered in formats that offer the best combination of quality and efficiency.

How to convert PNG to WEBP

Use PNG to WEBP converter in 3 simple steps, or sign up for Cloudinary to programmatically turn thousands of your web images!

1. Add your PNG images

Upload or drag and drop your PNG images into the browser

2. Start Conversion

Select WEBP as your desired output format to begin the conversion

3. Download WEBP images

Once the conversion is complete, download your converted WEBP images

Or sign up for an API

GET FREE API

Explore Beyond PNG to WEBP Conversion

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

Frequently Asked Questions

Get Answers to Your Questions About Our Chat Software and Features

PNG (Portable Network Graphics) is a raster graphics file format that supports lossless data compression. It was created as an improved, non-patented replacement for GIF and is widely used for its ability to display images with transparent backgrounds and high quality. PNG files are commonly used for web graphics, digital photos, and images with transparent areas.

WEBP is a modern image format developed by Google that provides superior lossless and lossy compression for images on the web. Using WEBP, webmasters and web developers can create smaller, richer images that make the web faster. It supports both lossy and lossless compression, and images in WEBP format are typically smaller in size compared to PNG or JPEG images, making them ideal for web use.

  1. Select PNG Images. Gather all the PNG images you wish to convert. Upload or drag and drop them into a batch conversion tool or software that supports PNG to WEBP conversion, like Cloudinary. 
  2. Choose WEBP as Output Format
    In the conversion tool, select WEBP as the desired output format for your images.
  3. Start the Conversion
    Begin the batch conversion process. The tool will convert all selected PNG images to WEBP format.
  4. Download Converted Images
    Once the conversion is complete, download the batch of converted WEBP images to your device.

If you want to streamline the process, you can sign up for Cloudinary API and automatically perform the conversions, and turn any format into WEBP!