Faster Images With Thumbor
Thumbor is an on-the-fly image compression tool which has several really cool tools to speed up your image loading times.
A 26% saving with no visual loss! Source: http://thumbor.org/
What does Thumbor include?
Thumbor includes:
- image compression
- automatic webP transformation for supporting browsers
- unlimited image dimensions, without using additional storage space
- smart detection of important points in the image for better cropping and resizing
- state-of-the-art face and feature detection algorithms for cropping
- image filtering (automatically applying colours or filters, like Instagram)
Performance Foundry has taken this technology and ensured seamless integration with:
- WordPress media library and native admin tools
- WordPress srcset and native image handling in themes and plugins (that follow WordPress coding standards)
- Performance Foundry's content delivery network (CDN) and AWS s3 media servers.
It does all this without manipulating the original image; so that remains untouched!
How do I get Thumbor?
Thumbor is part of our Publisher and Publisher Plus hosting packages, and included in the storage and bandwidth costs there.
If you're on a Foundation package, upgrade to Publisher or Publisher Plus to take advantage of it.
If you're on an e-commerce, custom plan, or self-hosted retainer, ask support to investigate your options.
What do I need to do to get set up?
Our engineers will do all the heavy lifting for you: a standard set-up with image compression, webP support, unlimited dimensions, smart cropping, integration with WordPress srcset, your CDN and s3 media server is all included.
Special features, such as image filters will be quoted at our dev rate, based on the complexity of the work.
Combining Thumbor with on-server image compression and lazy loading or service workers, Performance Foundry can really make your site fly.
Troubleshooting Thumbor
We've put together a Thumbor troubleshooting guide here.
Related Articles
Faster images on your website
Images are a very important consideration for site speed, since loading larger-than-necessary images is a quick way to slow your site down. Ideally, your site should load the correct sized image for the screen it's being viewed on -- and that means ...Troubleshooting Thumbor Images
Normally, Thumbor works without a hitch, but there are some cases where it can be a problem: Images won't appear in some browsers Thumbor will intelligently serve the best image format to different browsers. In practise, this normally means serving ...How can I remove or replace images safely?
If you're updating posts, and would like to change some of the images within the post without causing issues through your site, that's quite easy to do. Important: before starting this work, Performance Foundry staff will need to transfer your images ...Add ALT tags to images
When inserting images to your posts or pages, you have the option to add an alt tag to the image. This is the text that will display if the image can't be loaded. It's important to add in an alt tag for all images, for two main reasons: 1. It helps ...Images are missing from my thumbnails
Thumbnails are the small images that appear in various areas of websites, for example on the homepage next to an article excerpt, or in a related posts section. In WordPress, most thumbnails are small versions of the image in the "featured image" ...