There’s a lot “talk” (and jokes) about size when it comes to the male anatomy. But size really matters for picture files used on a website. In this case, smaller is better! Bloated pictures files can negatively impact website performance and hurt your Google ranking!
To help insure a better user experience and SEO (Search Engine Optimization) for your website it is highly recommended that pictures are re-sized and optimized before loading them on a website. It is best to keep image files under 200KB in size.
Many websites suffer from performance issues because image files are not optimized for the Web. This sluggishness can be due to a many reasons. The biggest factors are the the end user’s Internet speed and PC power (CPU size, RAM, operating system).
When a large pictures file is used on a website, the large file still has to be loaded to the user’s browser. This means it uses Internet bandwidth to deliver the large file. And local PC resources are used to re-size the picture to fit on the user’s screen. Mobile users suffer the most from websites with big image files, and mobile users are the largest growing demographic on the Web!
Here’s an easy procedure for optimizing image files for a website.
- Measure the pixel dimensions of the space on the website where the picture is to be placed. Most pictures on websites are no larger than 500px BY 500px. Anything larger is usually just a waste.
- Recommendation: Use a tool like Snagit from TechSmith: http://www.techsmith.com/snagit.html
- Use a tool like Snagit to capture the image and size it the measured pixel dimensions
- Save to a file in JPG format.
- Upload this “fitted” JPG image file to the website and place it in the desired location.
This procedure only takes about a minute but will have a positive impact on performance. Furthermore, this procedure will not impact quality.
Another reason to optimize pictures is SEO (Search Engine Optimization). Websites that have large size picture files that hog Internet bandwidth can lose Google ranking.
For a WordPress Website, here’s how to upload a picture AFTER it has been re-sized for your website from a local hard drive.
- Put your cursor in the post/page where you wish to insert the picture
- Click Add an Image:
- The following box will appear:
- You can drag the file into the “Drop files here” box.
- OR you can click the “Select Files” button and upload with a file manager
- Fill in image parameters and click
- If necessary use WordPress to fine-tune the picture to the correct size.
This will help your WordPress website perform better and help with SEO!