Troubleshooting Thumbor Images

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 standard jpegs to some browsers and webP files to others. However, if you hard-link to the webP version of the image, this will always load... and that means it won't load in browsers that don't support it. 

To fix, look in your post or setting, and replace any references to .webp with the original file ending (.jpg, .jpeg, .png, or other). Thumbor will still automatically load webP where it can.

If you have a lot of references to webP, ask our support to replace these for you.

Images in the media library are blank

On rare occasions, Thumbor will not be correctly set up to allow the image size in your media library: please contact support to have it reconfigured.

A report tells me that large images are being loaded, or resized in the browser

One cool thing about Thumbor is that it will automatically create new images in the size that's requested by your code. So if we're seeing issues with images being too large, it means your code is likely requesting very large images.

WordPress natively uses scrsets to offer browsers different image sizes for different screens. These are controlled in the Settings > Media option of WordPress. You can also add additional, custom scrset sizes in the Images tab of Foundry Anvil. (Don't add too many, or your code will become very bloated.)

If you still can't get a good result, contact support. It could be that something, somewhere is using non-standard code to output images, and it needs customisation. 

Images look fuzzy on some screens

This is the same issue as above, but in reverse: the image is too small. You can add some new custom srcsets or contact support to help out.

    • Related Articles

    • 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 ...
    • 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 ...
    • 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" ...
    • How large should the images I upload be?

      This is a great question, and one that's important to consider, since incorrect image sizing is the cause of most blurry images and slow image loading on websites. In the past, it was good practice to upload photos of the exact size you'd be ...