For the optimal page speed performance for your web pages, we recommend saving your images for web. Our content team utilizes an inexpensive Mac application called
Pixelmator Pro to crop and save images for web. There is a free version of this app, but we prefer the pro version to give us a little more editing power when we need it.
Watch this quick tutorial on the simple process of cropping images for web. And remember...
Once you've completed these steps, you can upload to the appropriate folder in your media library and add the image to a page on your website.
0:00 Hello, Toby here from Orbit Media. Today I'm going to show you how to export an image as WebP.
0:10 There are plenty of online applications as well that will do a very similar thing. I'm currently using a program called Pixelmator Pro.
0:17 This is the program that, uh, the content coordinators at Orbit use. I've got an example image here. I've got it cropped to the right size that I need.
0:25 And now that I'm ready to export it for web, I'm going to come up here to file and export for web.
0:32 There's a little keyboard shortcut here as well. And this will give you some options over here about how you want to format it.
0:39 You can see the size of this file right here. Currently it's a PNG, so it's actually quite a large file.
0:44 I'm going to come down here to format and change this to WebP. And you can see how much smaller it is now.
0:51 So, that's really the goal of converting images to WebP. This is largely for page speed purposes as well. We want an image that is compressed and will help speed up your website a little bit, but also doesn't sacrifice any, uh, image quality or resolution.
1:09 So that's what we're doing here now that I've got this. So that to WebP, I can click export, name my file, and then click export, and now it's ready to go on the website.