There are two things that really slow down your website. One, a bad host. Two, huge pictures – many people don’t think about optimizing website images. The hosting talk is for another day though I recommend Big Scoots Hosting. It’s what I use for my sites and my clients’ sites! Today we will talk about how to speed up your website by optimizing your pictures! There are a few rules I follow when putting pictures on my website.
This post contains affiliate links. Please refer to my disclosure for more information.
- Try to keep image size under 400kb if possible.
- Upload images in the jpg (or jpeg) format unless transparency is necessary (then use png).
- Keep max image width around 1200 unless the image will be used as a full screen background.
- Use an image-squishing plugin to squeeze the most out of your optimization. (For example, https://shortpixel.com/)
Here are my steps for working with a photo. I’ll give an example of a photo used from deposit photos. This is an extreme situation. Most of your photos will start much smaller and will be easier to work with. I will do both with and without Photoshop. Photoshop makes it so easy! Before optimizing my file was 5.9MB AGH!! Do NOT upload those huge files to your site!
With Photoshop
- Open the file in photoshop.
- File, Export, Save for Web (Legacy).
- Upload to website!
- Squish with plugin (if desired). – I use ShortPixel!
See the process here: (from 5.9 MB to 114 KB!)
Without Photoshop
- Resize the files using program of your choice if extremely large. Example: http://www.simpleimageresizer.com/
- Download file and then upload to tinypng.com
- Download file and then upload to website.
- Squish with plugin (if desired). – I use ShortPixel!
See the process here: (from 5.9 MB to 247 KB!)
I know this all seems like a big annoying step, but I PROMISE you it is worth it in saving loading time for your website!
WordPress Maintenance
Looking for my tips for your website? Did you know that I do web maintenance (including optimizing website images!) and fixes for teacherpreneurs? As part of the plan, you get access to a video library full of tips for the tech side of your WordPress site, email newsletters, and more!
Pin for later!
Hello there ,
I was using the picture compressor tool you mentioned on your page here: pitchclipsgraphics.com/optimizing-images-for-your-wordpress-website/
While tinypng.com does a good job, I just wanted to share about another tool, that I think looks better. After some exploring I found this other tool and I wanted to suggest you show it along that one.
https://www.websiteplanet.com/webtools/imagecompressor/,
This tools allows you to compress both jpeg and png files and each picture can be up to 50 MB in size!
In hope I helped back,
Anna
Thank you Anna! I did a couple of tests with website planet and found that tinypng’s output was better looking for my files that were my average 1-2mb in size. However it did a great job on some of my stock photos that were extremely large. Thanks for sharing!