BUG – Blog layout featured post images stretched and pixelated

Forums Forums SwiftThemes Bug report and suggestions. BUG – Blog layout featured post images stretched and pixelated

This topic contains 5 replies, has 2 voices, and was last updated by  James B 3 years, 6 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #34764

    James B
    Participant

    I’ve noticed the featured post thumbnail images don’t scale right in portrait /vertical mode on mobile devices and at certain browser window widths when you drag and resize the browser. The images appear normal on desktops/laptops or when using a mobile device in landscape mode.

    Switch to portrait/vertical mode or drag a browser window down and the images stretch out too wide and become pixelated.
    This appears evident on the swift themes demo blog as well: https://demos.swiftthemes.com/blog/

    I’ve verified this shouldn’t be a W3TC or other cache issue since it occurs with all caching disabled and all caches cleared.

    #34766

    Satish Gandham
    Keymaster

    Hi James,

    Swift serves different images for mobile and desktop. That doesn’t happen when you resize the browser window so you will see distorted images.

    For portrait vs landscape issue, add this to mobile css in design options -> user css.

    .blog-thumb{height:auto}

    Will include this fix in the upcoming version.

    Thanks
    Satish Gandham

    #34767

    Satish Gandham
    Keymaster

    I think I know whats happening.
    Did you enable caching?
    In that case enable separate caches for mobile and desktop.

    In w3tc, goto user agents section and update settings. Swift will automatically set them for you.

    #34768

    James B
    Participant

    Adding the CSS indeed resolved the issue with the images not scaling correctly. They now don’t stretch out as they were doing before.

    Now I just have to figure out why they’re still pixelated and blurry. Something must be attempting to serve a smaller version of the image for some reason.

    I did have all caching disabled since I was actively making some changes to the site. I renabled W3TC with user agents setup and the issue with pixelated featured image thumbnails persists.

    #34769

    Satish Gandham
    Keymaster

    Will check tomorrow.

    #34770

    James B
    Participant

    I did find a temporary fix.

    I’m using square featured images with equal height and weight right now.

    If I go to Swift Options > Design Options > Thumbnail Sizes and manually set a Blog Thumbnail height and width of 300 or more it seems to resolve the issue.

    If I enter a dimensions less than 300, (200 px for example) and clear caches I see the pixelated blog featured image thumbnails come back. It appears at sizes under 300 px for some reason something is attempting to upscale blog featured post thumbnails beyond their set size for some reason. Not sure if that’s a theme issue or some change I’ve made along the line.

    • This reply was modified 3 years, 6 months ago by  James B.
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.