Analysis

In a window of the size 1680×1050 or larger (tested with 1837×1204 and 1920×1080) a pure bootScore integrates the featured image in the medium size (300xXYZ) automatically created by WordPress.

But bootScore offers a place of ~400xABC and enforces the browser by that to scale up the received image. That’s the reason why the featured image is blurred and more or less distorted.

By playing around keep in mind, that your browser acts cleverly: After having the original photo in its cash, it embeds this version into the planned space. Hence, he is scaling down the photo and you can’t see the blurring / distorting effect anymore.

Solutions:

  • Bad: enforce bootScore, not to ask for / to deliver the medium picture, but for the large. Problem: the larger the embedded ‘thumbnails’ of the Featured Images in the post are, the more time it needs to deliver them on the network.
  • Good: Let WordPress automatically also create a thumbnail of the size of about width 560 (by preserving the aspect ratio) and enforce bootScore, to ask for / to deliver this new picture type (let’s call it ‘bsTeaser’)
  • Very good: Let WordPress automatically also create a thumbnail of the size of about width 480. But enforce bootScore to use the new HTML5 technique of images with source sets. Meaning, the technique of telling the browser, which options he has and letting him decide which of the pictures fits best:

Leave a Comment

Your email address will not be published. Required fields are marked *

To top