Optimizing Images for Your WordPress Website

by | Tips From Pitch Clips, Website, WordPress Tips

picture of camera by a computer. text: Optimizing Website Images

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.

  1. Try to keep image size under 400kb if possible.
  2. Upload images in the jpg (or jpeg) format unless transparency is necessary (then use png).
  3. Keep max image width around 1200 unless the image will be used as a full screen background.
  4. 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

  1. Open the file in photoshop.
  2. File, Export, Save for Web (Legacy).
  3. Upload to website!
  4. Squish with plugin (if desired). – I use ShortPixel!

See the process here: (from 5.9 MB to 114 KB!)

Without Photoshop

  1. Resize the files using program of your choice if extremely large.  Example: http://www.simpleimageresizer.com/
  2. Download file and then upload to tinypng.com
  3. Download file and then upload to website.
  4. 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 teacherprenuers?  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!

person looking frustrated looking at a computer. text: WordPress maintenance packages - because you have other things to worry about

 

Pin for later!

tall image with picture of camera and text optimizing website images

This is the home of Pitch Publications with Shelley Tomich.

I’m a busy mom of three and a music educator in Atlanta, GA. My goal is to provide motivated teacherprenuers with great graphics and time-saving  tips so they can focus on creating!

Let’s Connect

Visit my store!

This is Pitch Clips Graphics, a place for teacherprenuers to find time saving tips and great graphics! Your Teachers Pay Teachers store never looked so good! #tpt #clipart

Categories

Wishlist Items

Click here to move your wishlist items to your cart!

2 Comments

  1. Anna

    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

    Reply
    • Shelley Tomich

      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!

      Reply

Submit a Comment

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