They say a picture is worth a thousand words. So it goes without saying that your images need to be hi-resolution but, this comes at a price. Large high definition images can have huge file sizes.
Put a few of these on your site and that spicy experience of navigating your online website can end up feeling more like watching your favorite serial in CAM resolution.
Not only will this cause visitors to bounce, but in time, Google will notice as well, and your SEO will be negatively affected.
What does it mean “Optimizing Images for Web”?
Image optimization is about reducing the file size of your images as much as possible without sacrificing quality so that your page load times remain low.
SO WHAT DO WE DO?
Optimizing images for the web is a tricky business. It is an essential step though. Here are some tips on optimizing your images for websites so that they load faster and still look good.
- Size your image to the size it will be displayed. Save your images in the proper dimensions instead of letting HTML or CSS resize them
- Remove unnecessary image data.
- Use jpegs as much as possible. You can vary the image quality and file size
- Use PNGs only if you require transparency and high image quality. (Like your logo, for example.)
- Save for web(File >> Export >> Save for Web ). This is a great function on Photoshop. If you don’t have Adobe Photoshop, there are numerous online tools you can use for image editing, like PIXLR, Canva, GIMP.
- Use web fonts instead of placing text within images – they look better when scaled and take less space
- Minify your images through an image compression service, like compress jpeg.
- If using a WordPress plugin, use one that compresses and optimizes images externally on their servers, like WP Smush. This, in turn, reduces the load on your own site.
- For images that are already on your website, you can run them through image optimization plugins. There are a lot of plugins for optimizing images, Imagify, ShortPixel Image Optimizer, Optimus WordPress Image Optimizer, WP Smush, TinyPNG, ImageRecyle. Just choose wisely.
If you want to optimize your WordPress site, images are by far the first place you should start!
And is one of the easiest things to implement.
Once you’ve formatted your images for better performance and followed best practices, your site will load faster for your readers and be better liked by search engines.
For other thinks you can do to optimize your WordPress site read my article The SEO Checklist for Bloggers.