PNG to WebP Converter

Convert PNG to WebP right here: drop your pictures on the box above, pick a WebP type and press the button. Each picture is saved as a WebP file, ready to download on its own or, when you add several, together in one ZIP. A live preview shows the finished picture with its pixel size and file size before you start, so you can see how much space you save.

Everything runs inside your browser. Your PNG files are read, converted and saved on your own device and are never uploaded to a server. You can mix PNG with JPG, GIF, BMP, AVIF, HEIC and other pictures in the same batch, each up to 100 MB and up to 500 pictures at a time.

PNG is a great format for screenshots, logos, icons and graphics with transparent areas, but its files are large. Every pixel is stored without loss, so a single full-screen screenshot can weigh a megabyte or more, and a photo saved as PNG can easily reach ten or twenty. On a website, those bytes slow down every visit.

WebP was made for the web. It offers both lossy and lossless compression, it supports transparency in both modes, and every current browser displays it. A lossy WebP of a typical PNG is often 70 to 90% smaller and looks the same at normal viewing size. A lossless WebP keeps every pixel exactly and is usually 20 to 40% smaller than the PNG.

Smaller pictures mean faster pages, less mobile data for visitors and lighter storage. That is why website builders, shops and content systems increasingly accept or even prefer WebP. Converting your PNG images is one of the simplest ways to make a site quicker without redesigning anything.

WebP is an image format developed by Google and first released in 2010. It has two quite different ways of storing pictures. Lossy WebP is based on the way video frames are compressed and works like JPG: it removes fine detail you are unlikely to notice. Lossless WebP uses a separate method that keeps every pixel exactly, like PNG, but packs the data more cleverly.

Both kinds can hold a full transparency channel, so see-through backgrounds and soft shadows survive. WebP files can also be animated, although the files made on this page are single pictures. The file ending is .webp, and the format stores 8 bits per colour channel, the same as most PNG files.

Support is now wide. Chrome, Edge, Firefox, Opera and Safari all display WebP, Safari since version 14 on macOS 11 Big Sur and iOS 14. Most image editors, office programs and content systems open it too, though some older programs and a few upload forms still accept only JPG and PNG.

WebP is not the answer for every picture, and it is worth being honest about when PNG is the better choice. Keep PNG when the file goes to a program or service that does not open WebP, such as an older image editor, some print shops, or a form that lists only JPG and PNG. Keep it for master copies in a design workflow, because PNG is the more universal lossless format.

Keep PNG, too, when the lossless WebP turns out no smaller. That does happen: tiny icons, pixel art with very few colours and PNG files that have already been squeezed by an optimiser can end up about the same size, or occasionally slightly larger, as WebP. The live preview shows the WebP size before you convert, so you can decide picture by picture.

Convert to WebP when the picture is going onto a website, into an app, into a shop listing or anywhere file size and loading speed matter. A sensible habit is to keep the PNG originals in a folder and publish the WebP copies, so you can always go back.

This PNG to WebP converter free of charge has no account, no email address to give, no watermark on your pictures and no trial that stops after a few files. Nothing has to be installed either, and the page remembers your settings for the next visit, so you set your favourite WebP type and quality once.

It can be free because your own device does the work. A conversion that runs on a paid server costs money for every file, which is why many services limit the number of pictures or ask you to sign up. In the browser there is no server bill for your pictures, so there is nothing to limit and no queue: your batch starts the moment you press the button.

Choose Lossless under WebP type when every pixel must stay exactly as it is. For PNG to WebP lossless conversion this page uses libwebp, the official WebP encoder from Google, compiled to run inside your browser. When the PNG is not resized, recoloured or changed in any other way, its pixels are read straight from the PNG file, so even half-transparent pixels keep their exact values instead of passing through the browser's canvas.

The result is a WebP file that decodes to the same pixels as your PNG. You can test it with Compare after converting: drag the divider across text, edges and shadows and you will find no difference. Lossless WebP is usually 20 to 40% smaller than the PNG it came from, with the biggest savings on screenshots, interface graphics and pictures with large plain areas.

It is not always smaller, though. A PNG that was already squeezed hard by an optimiser, a tiny icon of a few hundred bytes or pixel art with just a handful of colours can come out about the same, or now and then a little bigger. In that case simply keep the PNG for that picture. The preview and the result list show both sizes, so nothing is hidden.

Many people want to convert PNG to WebP without losing quality, and there are two honest answers depending on what quality means to you. If it means not a single pixel may change, choose Lossless: the WebP holds exactly the same pixels and transparency as the PNG, just packed more tightly.

If it means the picture must look the same to a person, Lossy at quality 90 or higher is usually enough. The slider label reads Looks identical from 90 up, Very good, smaller file from 75, and Smaller file, visible softening below that. At 90 the difference is very hard to see on photos and gradients, and the file is many times smaller than a lossless one.

The one place where lossy compression shows is sharp, high-contrast detail: small text, thin lines, pixel art and hard-edged logos can get faint smudges around edges. For those pictures, Lossless or Near-lossless keeps them crisp. When in doubt, use Compare after converting and look closely at the busiest part of the picture.

Near-lossless sits between the two. It uses the lossless encoder, but first nudges pixel values by tiny amounts where the eye cannot tell, which lets the file pack better. A Level slider from 0 to 99 appears when you pick it; lower numbers mean a smaller file and more adjustment, and the default of 60 is a good start.

It works best on graphics, screenshots and illustrations where you want a result that looks lossless but is lighter. On photos the gain is often smaller than simply using Lossy at a high quality, so compare the sizes in the preview before you decide.

Lossy is the default WebP type here, at quality 90. The Quality slider runs from 30 to 100. Most photos look the same as the original from about 80 up, and the file shrinks quickly as you move the slider down. The percentage you chose appears next to the slider and again in the preview and in the result list for each file.

Transparency is kept in lossy mode too. The see-through parts of the PNG are stored in a separate channel, which by default is saved at full quality so edges and soft shadows stay clean. That is the main advantage over JPG, which has no transparency at all and would put a solid colour behind your logo.

A PNG to WebP with compression job is really about three settings. Quality, for lossy files, decides how much detail is kept. File size can set a hard limit instead: choose Keep under a size and type a number in KB, or pick 100 KB, 200 KB, 500 KB or 1 MB. The tool then finds the highest quality that fits under the limit for each picture.

The third setting, Compression effort under More options, decides how hard the encoder works. It runs from 0 to 6 and is 4 by default. Higher numbers try more ways to pack the data and give a slightly smaller file in return for more time; 6 is the slowest with the smallest file, and 0 or 1 is fastest with a larger file. The effect is usually a few percent, a little more for lossless files.

If a picture is still above your limit at the lowest quality, the result list says so. The fix is to make the picture smaller under Size, because a limit in KB is much easier to meet with fewer pixels. Lossless and Near-lossless keep every pixel, so they have no size limit setting.

How much smaller the WebP gets depends mostly on what is in the picture. Screenshots, charts and interface graphics with flat colours shrink well in both modes. Photos saved as PNG shrink dramatically with lossy WebP, often to a tenth of the size or less, but only modestly with lossless WebP, because grain and fine texture cannot be packed much better without loss.

The live preview shows the WebP size and the percentage saved before you convert, and the result list shows the old and new size side by side for every file, plus the total for the whole batch. Use the table below as a rough guide, not a promise.

Converting PNG to WebP with transparency works in every WebP type. Logos, icons, product cut-outs and stickers keep their see-through background, so they sit cleanly on any page colour. In the preview and the Compare view, a light checkerboard shows the transparent areas.

In Lossless mode, every transparency value is kept exactly, including the soft partial transparency of shadows and anti-aliased edges. In Lossy mode, the transparency is stored separately from the colours, and Transparency quality under More options decides how carefully. It is 100% by default; lowering it saves a little space but can make soft edges slightly rougher.

One detail for experts: pixels that are fully transparent still carry a colour value that nobody sees. By default the encoder is free to change those hidden colours to save space. If you need them kept, for example for game textures or some editing workflows, tick Keep colours under fully transparent pixels under More options. That box appears for Lossless and Near-lossless.

Some PNG files have a plain white or coloured background instead of a transparent one. The Transparent background setting can clear it while converting. Remove background makes the plain area around the subject see-through and leaves the same colour inside the subject alone. Remove a colour everywhere clears one colour across the whole picture, including holes inside letters.

The colour to remove can be found automatically from the picture's edge, set to White, or picked by hand. Tolerance, from 1 to 60%, decides how close a colour must be to count, and Smooth edges gives soft borders without a coloured fringe. This works well on flat, even backgrounds; for people, hair or busy scenes, Remove Background uses AI and does a better job.

Large PNG files are often far bigger in pixels than any website needs. A PNG to WebP with resize step solves that in one pass. Under Size, Longest side sets the longer edge in pixels and never enlarges a smaller picture; 1920 px is a good value for full-width web images and 1200 px for blog content.

Percentage scales every picture by the same amount, from 1 to 400%. Exact size gives every picture the same width and height, with three choices: Fit inside keeps the whole picture and leaves transparent space around it, Fill and crop fills the frame and trims the edges, and Stretch forces the exact size even if the picture looks squashed.

Because file size grows with the number of pixels, resizing is the most effective way to get light files, especially for Lossless WebP. For more control, such as print sizes or presets for social media, use Resize Image.

WebP has one size limit worth knowing: a WebP picture cannot be wider or taller than 16,383 pixels. Very tall screenshots of whole web pages or huge panoramas can go past that. Make them smaller under Size, for example with Longest side, before converting.

Phones and older computers also have less memory. When a picture is too large for the device, it is made smaller to fit and the result list shows a short note, so you always know what happened. If that happens often, convert large files on a computer.

More options holds the settings most people never touch but are glad to have. Compression effort sets how hard the encoder works, from 0 to 6. For Lossy files there is Transparency quality and a box for Sharp colour edges (sharp YUV), which keeps thin coloured lines and red text on white crisper at the cost of a slightly larger file and a slower encode.

For Lossless and Near-lossless files, Keep colours under fully transparent pixels preserves the hidden colours described above. Colour offers Grayscale and Black & white for documents, scans and line drawings. Tick Add -converted to file names to keep the WebP copies apart from other files with the same name, and use Reset these options to go back to the defaults.

Most PNG files use standard screen colour, and the WebP made here looks the same. Some PNG files carry a colour profile for a wider colour range, for example from design programs or wide-colour screens. The WebP files made on this page do not embed a colour profile, so very saturated colours in such a file can look slightly different on some screens.

Grayscale and Black & white under Colour in More options turn the picture into shades of grey or pure black and white while converting. That is handy for scanned documents, line drawings, signatures and diagrams, and it often makes the file smaller as well.

The WebP files made here contain the picture and nothing else: no date, camera model, location or DPI value is written into them. PNG files rarely carry such details anyway, and websites usually strip them, so for web use this is the cleaner result.

WebP stores 8 bits per colour channel. A 16-bit PNG, which some design and scanning programs produce, is written as an ordinary 8-bit WebP. An animated PNG becomes a still WebP of its first frame. If you need 16-bit colour or animation, keep the PNG.

A PNG to WebP bulk run is built in. Select many pictures at once, drop a pile of them on the box, or use Add a whole folder to take every picture in a folder and its subfolders. Up to 500 pictures go into one batch, each up to 100 MB, and the same settings are used for all of them.

Files that are not pictures are skipped with a short note, so you can add a mixed project folder safely. A progress bar shows how far the batch has got, and you can stop at any time. When it finishes, Download all (ZIP) saves everything in one file, and the result line shows the total size before and after.

For a website, this makes it easy to convert a whole image folder at once: add the folder, choose Lossy at quality 80 to 90 for photos or Lossless for graphics, and replace the files on your server with the WebP copies.

Each WebP keeps the name of its picture, so banner-home.png becomes banner-home.webp. To keep both in the same folder without confusion, tick Add -converted to file names under More options and you get banner-home-converted.webp.

When you add a folder, the ZIP keeps the same folder structure, so pictures from different sections of a site stay where they were. If two files would end up with the same name, the second one gets a number such as (2), so nothing is overwritten.

This PNG to WebP online page works on Windows, Mac, Linux, Chromebook, iPhone, iPad and Android in any current browser. Nothing has to be installed, no account is needed and there is no file to download before you start.

Online here only means you open a web page. The converting itself happens on your device: once the page has loaded, your pictures do not travel anywhere, and the speed depends on your computer or phone, not on your internet connection. Lossy files are made with your browser's own WebP encoder when it has one.

Lossless, Near-lossless and the extra lossy options use libwebp, which loads with the page the first time you need it. Browsers without a WebP encoder of their own, which includes some Safari versions, use libwebp for every WebP file; a short note on the tool tells you when this is the case, and conversion is then a little slower.

For PNG to WebP Windows needs no extra program. Open this page in Edge, Chrome or Firefox, open File Explorer, select your PNG files and drag them onto the box, or click Select images. For a whole folder, use Add a whole folder. Press Convert to WebP and download the result. With several files you get one ZIP; right-click it and choose Extract All.

To view the WebP files, Windows 11 opens them in the Photos app and in Paint. On Windows 10, if Photos shows no picture or File Explorer shows blank thumbnails, install the free Webp Image Extensions from the Microsoft Store. Any browser opens a WebP file as well: drag it into a browser window.

For PNG to WebP on Mac, open this page in Safari, Chrome, Edge or Firefox and drag the files from Finder onto the box. The settings, preview and ZIP download work exactly as on Windows, and a double-click on the ZIP unpacks it.

Viewing is easy on recent systems. On macOS 11 Big Sur and later, Preview opens WebP files, Finder shows their thumbnails and Quick Look previews them with the space bar. On older macOS versions, open WebP files in Chrome or Firefox instead. If your browser on the Mac has no WebP encoder of its own, the page uses libwebp and a short note says so.

On iPhone and iPad, open this page in Safari or any other browser, tap Select images and choose pictures from your library or from the Files app. Press Convert to WebP, then tap Save for one picture or Download all (ZIP) for several; the files land in Downloads in the Files app.

On Android, tap Select images and choose PNG files from your gallery, a file manager or the Downloads folder. The WebP files are saved to Downloads. Phones have less memory than computers, so for very large batches convert a few dozen pictures at a time.

Screenshots are one of the most common reasons people save PNG files, and one of the best cases for WebP. A screenshot of an app or a web page has large areas of flat colour, repeated shapes and sharp text. Lossless WebP is very good at exactly that, so the saving is often at the top of the usual range or beyond it, without changing a single pixel.

For help articles, documentation, bug reports and tutorials, choose Lossless and, if the screenshots were taken on a high-resolution screen, set Longest side to 1600 or 1920 px. That combination usually gives files a fraction of the original size that still show every menu label clearly. If you want to go further, Near-lossless at a level around 60 keeps text looking sharp while saving a little more.

Avoid low lossy quality for screenshots with small text. Lossy compression is designed for photos, and around letters it can create faint halos that make text look slightly blurred. If you do use Lossy for a screenshot, keep quality at 90 or above and tick Sharp colour edges (sharp YUV) under More options, then check the result with Compare.

Logos, icons, badges and stickers are usually small graphics with a transparent background, few colours and crisp edges. They are the pictures where a perfect copy matters most, because any smudge on a brand mark is noticeable. Lossless WebP keeps them exactly as designed, including the soft anti-aliased edge pixels that make a logo look smooth on any background.

For very small icons the saving can be modest, and occasionally the WebP is no smaller at all, because a tiny PNG has little data left to squeeze. That is fine: keep the PNG for those few files. For larger logos, banners with a logo and transparent hero graphics, the lossless WebP is usually clearly lighter.

If a logo will be shown at many sizes, consider whether a vector format suits it better. For a single fixed size on a web page, a lossless WebP at the size it is shown, or at twice that for sharp screens, is a simple and light choice.

Sometimes photos end up as PNG files: exported from an editor, saved from a screenshot tool or made by a design program. A photo stored as PNG is very large, because PNG keeps every grain of noise exactly. These are the files where WebP gives the most dramatic savings.

For photos, choose Lossy and start at quality 85. The WebP is often a tenth of the PNG size or less and looks the same at normal viewing size. If the photo is going onto a web page, also set Longest side to the size it will be shown, which cuts the file further. Lossless WebP of a photo is only somewhat smaller than the PNG, so it is rarely worth it unless you need a perfect archive copy.

Using the WebP files on a site is usually just a matter of uploading them where the PNG files were. Most content systems, site builders and shop platforms accept .webp images directly. If you edit HTML yourself, change the file ending in the image tag, or use a picture element with the WebP as the first source and the PNG as a fallback for very old browsers.

Keep the same width and height attributes on your images so the page layout does not jump while they load. For photos, Lossy at quality 75 to 85 and a sensible pixel size are often the biggest single speed gain on a page. For logos and icons, Lossless keeps them pixel-sharp at a smaller size.

Pictures are usually the heaviest part of a web page, so their size has a direct effect on how quickly a page appears, especially on phones and slow connections. Page speed tools often point out large PNG images and suggest modern formats such as WebP. Swapping heavy PNG files for WebP copies is one of the simplest ways to act on that advice.

Lighter pictures cannot guarantee any search ranking, and they are only one part of page speed. Still, faster pages are better for visitors, use less mobile data and make a site feel more responsive. For the largest gain, combine the right format with the right pixel size: a picture shown 800 pixels wide does not need to be 4000 pixels wide.

Remember the basics too: give every image a clear file name, useful alternative text and a fixed width and height in the page. The format change keeps all of that working; only the file ending changes from .png to .webp.

Step one: collect the pictures. Copy the PNG files you want to publish into one folder, or use the folder your site already uses. Leave the originals where they are; you will work with copies.

Step two: test one typical picture. Add it, look at the size in the live preview and switch between Lossy, Lossless and Near-lossless. Try a quality of 80 and of 90 for photos. Use Compare after converting to check text and edges. This takes a minute and tells you which settings suit your pictures.

Step three: convert the rest. Use Add a whole folder, keep the settings you chose and press Convert to WebP. If your site never shows pictures wider than a certain size, set Longest side as well. Download all (ZIP) gives you every file with the same folder structure.

Step four: publish and check. Upload the WebP files, update the file endings in your pages or let your content system pick them up, and open a few pages on a phone. If something looks wrong, you still have the PNG originals and can convert again with different settings.

Online shops often have dozens or hundreds of product pictures, many of them PNG cut-outs on a transparent background so they sit nicely on any page colour. These files are large because they are usually photos. Lossy WebP with Transparency quality at 100% keeps the clean cut-out edge and shrinks the photo part a great deal, which helps category pages with many pictures load faster on phones.

Check what your shop platform accepts first. Most current platforms take WebP uploads, and some convert pictures automatically, in which case converting yourself mainly gives you control over quality and size. If a marketplace asks only for JPG or PNG, keep the PNG for that marketplace.

App and game developers use WebP for interface graphics, sprites and textures, because smaller files make downloads and installs lighter. Lossless keeps pixel art and interface elements exact. If your engine or shader relies on the colour values of fully transparent pixels, for example for texture filtering at edges, tick Keep colours under fully transparent pixels so those values stay as they were.

Check that your target platform and engine can read WebP before switching a whole project, and keep the PNG sources in version control. For pixel art with very few colours, compare sizes: a well-optimised PNG can sometimes be as small as the WebP.

As soon as you add a picture, a live preview shows the WebP it will become, with its pixel size, file size, quality and the percentage saved. Change the WebP type, quality or size and the preview updates within a moment. Switch between Result and Original to compare, and tap any picture in the list to preview that one.

After converting, Compare lays the original and the WebP on top of each other with a divider you can drag with the mouse, a finger or the arrow keys. Move it across text, edges and soft gradients. With Lossless you will find no difference; with Lossy you can judge whether your quality setting is high enough.

There are other ways to make WebP files. Many image editors can export WebP from their save or export menu, one picture at a time. Google also publishes a command-line program called cwebp, part of libwebp, which developers use in scripts and build pipelines. Some content systems and hosting services convert pictures to WebP automatically when you upload them.

Those routes are fine when you already use them. This page is handy when you want to convert a batch quickly without installing anything, see the result and the size before you commit, choose between lossy, lossless and near-lossless per batch, and keep your files on your own device.

Converting to WebP does not lock you in. If you later need a PNG again, for example for a program that does not open WebP, WebP to PNG turns the file back. From a lossless WebP you get the exact same pixels as the original PNG; from a lossy WebP you get a PNG of the slightly compressed picture, so keep your originals if you may need them.

For programs and forms that want JPG, WebP to JPG makes small JPG copies, and PNG to JPG works directly from the PNG originals.

To check a finished file on Windows, right-click it, choose Properties and open the Details tab for the width, height and size. On a Mac, select it and press Command and I. In any browser, dragging the file into a new tab shows it at full size.

Then use the file where you need it. If an upload form refuses it, the form most likely accepts only JPG or PNG; for that form, keep the PNG or use PNG to JPG. If a page still feels heavy, check the pixel size first, because a 4000 px picture shown at 800 px wastes most of its bytes.

Is it a photo or a banner? Use Lossy at quality 75 to 90.

Is it a logo, icon, chart or screenshot with text? Use Lossless or Near-lossless.

Is there an upload limit in KB? Set File size to Keep under a size.

Is the picture larger than it will be shown? Set Longest side under Size.

Does the PNG have a plain background that should be see-through? Try Transparent background.

Will the file go to a program that may not open WebP? Keep the PNG as well.

Your pictures are not uploaded. The page reads them with your browser, converts them on your device and offers the WebP files for download from there. They are not sent to our server, not stored and not seen by anyone, and they disappear when you close the page.

That matters for unreleased designs, client work, screenshots of private chats or documents, and anything under a confidentiality agreement. The only thing loaded from our site is the page itself and, when needed, the libwebp encoder; your files stay where they are.

When you add a PNG, your browser decodes it. The tool then applies your size, transparency and colour settings. For Lossy with the default options, the browser's own WebP encoder writes the file. For Lossless, Near-lossless, sharp YUV, a lower transparency quality or a changed compression effort, libwebp does the work, the same encoder that Google publishes, compiled to run in your browser.

For Lossless files from an unchanged PNG, the pixels are read directly from the PNG file rather than through the browser's canvas, so partly transparent pixels keep their exact values. Some browsers quietly return a PNG when asked for WebP; the tool notices and uses libwebp instead. When there are several results, the ZIP is packed in your browser too.

Keep your PNG originals; publish the WebP copies.

Use Lossy for photos and Lossless for logos, icons and screenshots with text.

Resize first: a picture twice as wide as it is shown wastes about three quarters of its bytes.

Try quality 80 before 90 on photos; the difference is rarely visible.

Use Compare once on a typical picture to choose your settings, then convert the rest.

Leave Compression effort at 4 for big batches and raise it to 6 for a few important files.

Need it the other way round? WebP to PNG turns WebP files back into PNG, and WebP to JPG makes JPG copies for programs that do not open WebP. For JPG photos, JPG to WebP uses the same engine, and WebP to PDF puts WebP pictures into a document.

Want to shrink pictures without changing their format? Compress Image reduces file sizes, and Resize Image changes the pixel size with presets. For a cut-out with a busy background, Remove Background uses AI, and Convert Image handles many other format pairs.