featured images from pages low res on mobile

I’ve noticing that on mobile, featured images from pages are much lower res than
featured images from posts.

Taking a closer look, I’ve found that a post featured image on modules on mobile
will be using the image with an orignal size of 1050 × 500, while a featured image for a page will be using an image that’s 324 × 160 or 324 × 235 depending on the module.

Recommended fix?

Thanks

Hi

The theme uses thumbs and for mobile devices to display the featured image: http://screencast.com/t/CDiVjcOMmSPF However the css is different depending by module layout. In some situation the image it’s stretched by css to fit the entire thumb area and its quality may be affected. You could try a plugin like WP Retina 2x: https://wordpress.org/plugins/wp-retina-2x/ to improve the images quality on mobile devices, or if this doesn’t work as expected try a bigger size image and see how it works.

Thanks!

Nope, you’re not responding to the question: Both featured images for posts and pages are the same size. Why is it that *post* featured images are fine, but *page* featured images are coming in at the wrong size in exactly the same module?

• This reply was modified 10 years by Pdoggy.

Hi

Usually the size of a feature image from post can’t be the same as the size of featured image used on modules. The theme uses thumbs to keep the page size as low as possible. For example the same a featured image displayed on td_module_mx6 will have a 238x138px size: http://screencast.com/t/QYUnc0y5PUR and when is displayed inside post content, default template in this case, the size is: 640x426px: http://screencast.com/t/P3ffwJEZ2Us Basicaly from the original image the theme crops different thumbs which are used in different modules and blocks.
The theme uses the same thumb for mobile version but in many cases the surface which must be covered it’s bigger then the thumb size. For example in this situation the featured image it’s smaller then the surface which must be covered and because it’s stretched by css its quality it’s a bit lower: http://screencast.com/t/BvRx8GzjlALm That usually depends by mobile device size.

Thanks!

You’re still not addressing the issue. On the page there are two modules — both using td_module_2 — that use featured images. One is sourcing featured images from posts, the other from pages. The original image sizes are the same dimensions. The *post* images on mobile look great, the *page* images are low res.

Tested on devices from iPhone 4 to 6. All with the same problem.

Your theory about images being ‘stretched’ to fit would make sense if it was consistent. It’s not.

I don’t know how I can make this any clearer.

Please email me and I’ll send you a link to the development page.

Hi

Please address us via email at contact@tagdiv.com including a link to this conversation and also give us wp-access so we can have a closer look at this and we will get back to your as soon as possible.

Thanks!