Any easy way to convert png to webp on Mac?

cwebp is a command-line tool that is part of the WebP library. It is used for converting images from various formats (like PNG, JPEG, and TIFF) into the WebP format, which provides better compression without significantly compromising image quality. WebP is useful for reducing file sizes and it is very popular for web usage.

How to convert PNG to WebP on Mac:

If you don't have WebP tools installed on your Mac, you can easily install them using Homebrew:

brew install webp

In the Terminal, navigate to the folder containing your PNG files. Use the following command to convert a PNG file to WebP:

cwebp input.png -o output.webp

Replace input.png with the actual name of your PNG file and output.webp with the name you want for the WebP file.

By default, cwebp applies lossy compression. You can adjust the quality of the WebP file by adding the -q option (range 0-100, where 100 is the best quality):

cwebp -q 80 input.png -o output.webp

Let me know if you need more details on specific options or advanced usage!

ImageMagick is a powerful, open-source software suite for converting, editing, and composing images. One of its widely used features is the ability to convert images between formats, including converting PNG to the WebP format.

Using ImageMagick's command-line tool, you can easily convert PNG images to WebP format on Mac with just a few commands. ImageMagick also allows you to adjust quality settings, control compression levels, and handle batch conversions efficiently. So it is a versatile tool for developers and designers looking to optimize images for the web. Whether you're working on a single image or need to process large batches, ImageMagick provides an effective solution for PNG to WebP conversion.

Code sample for bulk conversion:

for filename in *.jpg *.gif *.png
do
    new_filename="${filename%.*}.webp"
    echo "'$filename' -> '$new_filename'"
    magick "$filename" "$new_filename"
done

Fotor in the App Store can batch convert png's to webp's easily.

I personally try to avoid .webp (images) and .webm (movies) although for some reason Google pushes them as well as VP9 movie codec (not supported in Sonoma) and Opus audio codec (support added to Sonoma).

Anyway, you can batch convert .png to .webp with GraphicConverter.

Matti Haveri wrote:

Anyway, you can batch convert .png to .webp with GraphicConverter.

+1 As a long time GraphicConverter user, I think I should have known that.

There's nothing wrong with PNG. You just need to resize your images to better fit the context in your web pages.

Webp is a horrible format. Yes, it does have very good compression ratios. But its compression algorithm is very slow. You are exchanging data transfer time for page rendering time. It's much better to just use images that are appropriately sized.

How to convert PNG to WebP on Mac using Preview (built-in tool):

1. Open Your PNG: Just double-click your PNG file, and it should open in Preview.
2. Export: Go to File > Export (not Save As). Here, you can choose different formats.
3. Choose WebP: From the dropdown menu, select WebP. You can adjust the quality slider if you want (this can affect file size and quality).
4. Save: Choose where to save it, hit Save, and you're done!

If you're all in on the Microsoft ecosystem, you might want to check out Microsoft Paint on Windows for conversions, and while it won't help directly on your Mac, sharing resources or guides from Microsoft can make the process smoother. Microsoft Edge also supports viewing and converting images with the built-in tools, though it's primarily a browser.

Converting PNG to WebP on a Mac is pretty straightforward, and you have options depending on your comfort level with tech. I usually go with Preview for quick conversions, but if I need to batch convert a bunch of images, the command line option is powerful. Just be mindful of any privacy issues with online converters and keep an eye on formats and versions to avoid hiccups.

dialabrain wrote:

Josheem wrote:

…

3. Choose WebP: From the dropdown menu, select WebP. You can adjust the quality slider if you want (this can affect file size and quality).

WebP is not an option in Preview.

This brings us to the point of testing before posting… 🤯

Iceni331 wrote:

Page speed is an important ranking factor from Google and it recommends webp:

I'm pretty sure that an appropriately sized PNG file is going to be faster than any web image.

Google is one of the world's largest content delivery networks. Google has to pay for storage and outgoing data transfers. Webp makes both of those cheaper for Google. But it makes the local client rendering more costly and less energy efficient. It's a transfer of computational costs from the rich to the poor.

Learn to work with png files and stick with that format or use jpg format for images on web pages.

FWIW, I agree.

If you just want the image to load faster on the page, you can losslessly compress the png image.

Indeed.