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!)
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!
Wordpress and Website Information You Need!
Get all the latest website, WordPress, and Teacherpeneur tips right in your inbox!
2 Responses
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!