How to Convert JPG to WebP in Photoshop

The most common image format on the Internet is JPEG. However, they aren’t necessarily the ideal format for use on the web. A more recent image format called WebP has several benefits over JPEGs.

My name is Aly. I have been using Adobe Photoshop for more than years and am also Adobe Certified. In this tutorial, I will show you how to convert jpg to webp in Photoshop. 

How to Export As webp in Photoshop

A relatively new method of online image display is the WEBP file format. Google created the format as a cutting-edge, incredibly effective way to display high-quality photos on the web at a fraction of the size of JPG and PNG images.

Step 1: To start, you will need to have your JPG image pulled up and opened in Photoshop. You can do this by going to File > Open.

Step 2: Select Save As under File. Once Photoshop has opened your JPEG file, select File > Save As.

The Save As dialog box will appear as a result.

Step 3: From the Format drop-down selection, select WebP. Select WebP in the Format dropdown menu of the Save As dialog box. A menu of choices for saving your WebP file will appear.

Select the options you want, then click Save. Select Save after selecting your preferred options from the list. A WebP file will be created from your JPEG.

Tip: It’s vital to remember that the image quality may be affected while converting a JPEG to a WebP in Photoshop. Additionally, WebP might not support all of the JPEG format’s characteristics.

Final Thoughts

Converting a JPEG or any file, for that matter, is really that simple. With just a few steps, it really only takes a minute to do, and it’s essential to know and understand in case you ever need to save a different file type.

Any questions about converting from jpg to webp in Photoshop? Leave a comment and let me know.

About Aly Walters
As a graphic designer who uses the entire Adobe Suite on a daily basis, Photoshop is my inspiration, especially since I'm Adobe certified and use it most often for my graphics and web-designed images.

Leave a Reply

Your email address will not be published. Required fields are marked *

  • Robin

    When trying to convert to a web image and following your instructions, I clicked file, but when I clicked on, save as I did not get all of those options to choose from. Simply a window titled, save as opened up, and there was a save as already filled out the ended in .psd. I could put my cursor over and delete it Putting web in its place, but those were not your instructions so I don’t think it would work out that way. Do you have any thoughts for me? I would greatly appreciate it!

    • June

      Hi Robin,

      Would you be able to show me a screenshot in some way so that I can see exactly what the issue was?