This Article is based on a longer article Ben Davidson at Web Review Star.
WordPress Image Optimization — ShortPixel
If you are running WordPress as your website platform. Then one thing that you always have to keep in mind is site speed. Site speed is linked to SEO, and if you want your blog, or Online Store to show up in Google, then speed is as important as keywords, content, backlinks etc.
There are many benefits to ensuring your site is as fast as it can be. Most people will tell you that you should use Caching plugins for WordPress, or CDN networks like Fastly or Cloudflare to ensure your website is fast. They are not wrong, but there is more to speed than just caching, and fast web hosts.
Image Optimization is just 1 part of that but often a part that is overlooked.
Regarding Site Speed, of course, the basics are always the same
- Fast Web Host
- Only a few Plugins
- Fast Theme
- Caching and or CDN
Core web technologies like HTTP/2, QUIC, Brotli, etc. will get you 80% of the way to a fast site. Image optimization will get you past that.
So what is image optimization and why do I need it?
Image Optimization is the compression and scaling of image files, this can sometimes be done simply by changing the file size (Megabytes and Resolution). If you take a picture with a decent camera you could have a 12 MegaPixel image or bigger. 12MP is 4000 pixels x 3000 pixels, by contrast, your laptop or computer resolution is probably 1920 x 1080, Mac users often have a higher resolution like 2880 × 1800. Then of course there are 4K and above. But I digress….
A single 12MP jpg image file size is around 3.6 MegaBytes. So if you have just 4 images on your site that is about 17MB of data that someone has to load just to see the pictures, the rest of your web content may only be 900kb. Now some themes may display a smaller more manageable version of that file, by simply changing the viewable resolution, but it’s still going to be a big file.
These are some ways of improving your site load time by making changes to your images.
1. Have multiple sizes of each image, 8 to 12 ientical images, but different resolutions. Someone browsing your site with a smartphone can be served a smaller image than someone with a 4K monitor.
2. Use optimal image formats, convert PNG files to JPG, AVIF, or WebP. And know when to serve AVIF or WebP rather than JPG, It can get complicated.
3. You can also optimize GIF’s including animated GIFs and optimize PDF documents. Perfect if you host PDF manuals or informational books.
4. Downscale your images so that they have a smaller file size, but be careful, you don’t want to lose too much image quality.
5. Do this for every image on your site. it might take a very long time but it’s worth it, right?
These are mainly manual methods and really time consuming.
Is a better way of doing all of the above and more, and Free? Yes there is and, kind of free.
Firstly the ShortPixel WordPress plugin is easy to use. It’s also feature-rich. The software supports JPG, PNG, GIF, PDF, WebP, and AVIF. WebP and AVIF are quite new and not all browsers support these formats, but with ShortPixel it will serve the image best suited to the browser. It also automatically creates multiple image sizes, allowing you to automatically serve the image that is best suited to the device that is browsing the site. You can also set if you want your images to be Lossless, Glossy, or Lossy.
So what is Lossless, Glossy and Lossy?
Lossless optimized images are pixel-by-pixel identical with the originals, but they offer a smaller size reduction compared to either Lossy or Glossy processed files. If you want your images to remain untouched, then select this option.
Glossy is the best choice if you still care about Google Insights but you believe that a slight loss of page speed is an acceptable compromise for top-notch image quality.
Lossy is the best option for most users. The images processed with Lossy algorithms are the smallest optimized images you can get. So, if the speed of your site is paramount and you want the best balance between optimization and picture quality, we recommend you continue to use Lossy optimization.
How to use ShortPixel in WordPress
As with most WordPress plugins that use the cloud, the basic workflow looks like this:
- Upload your image to your site’s WordPress Media Library, as normal you always have.
- The ShortPixel WordPress plugin will then send your images to their cloud servers (this will happen automatically when you upload an image, or you use the bulk optimization option perfect for images you already have in your Media Library).
- Based on the settings you’ve chosen in the plugin’s settings, ShortPixels cloud service does the heavy lifting. Not your web host. This is important as it has no impact on your site performace while the images are being optimized
- Once done the plugin puts your image back into your site’s WordPress Media Library. Replacing the existing unoptimized version that’s there. This is non-destructive though, as you can always revert to your original image.
Ok, So how much does it cost?
The WordPress plugin is free. The plugin won’t do anything by itself though, not without connecting it to the ShortPixel cloud service.
The service also starts Free, just sign up to ShortPixel for FREE and get 100 Images optimized per month for FREE. It’s that easy.
There is a free plan for the cloud service, but it’s limited to only 100 images a month. That may not be enough for you to start with, or it could be the perfect git if you are just starting out.
If you need to process more than 100 images a month, you’ll need to buy credits. You can either buy credits through a Monthly Subscription or with a One-Time purchase of a credit bundle.
The ShortPixel One-Time, or Pay as you go, pricing starts at $9.99 for 10000 images.
The Short Pixel Monthly Plan starts at $3,99 for 7000 images.
Depending on your usage requirements a One-Time bundle might last you 6 months or more.
Comments