Larger file sizes mean better quality, but they also result in slower websites. To limit the load on your users’ browsers, we go through a process to downsize these images. There are multiple options for free software that can resize images; however, this tutorial will review how to optimize images using Photoshop and ImageOptim.
- Open your image in Photoshop.
- Resize or crop your image to the appropriate dimensions. If it’s a logo or icon, crop out any additional white space.
- Go to File > Save for Web.
- Under preset, select JPEG, very high. Quality should be 80.
- Check to make sure that the boxes for Optimized and Convert to sRGB are ticked.
- Press save and enter a descriptive file name.
Crunch Down the File Size with ImageOptim
- If you don’t have it, download ImageOptim.
- Open ImageOptim.
- Navigate to the image in your file manager (Finder for Mac; Windows Explorer in Windows).
- Drag and drop the file into the program window. You should notice that your file size has decreased.
- Upload the image to your site as media.