Pixelated Featured Images

  • Here’s my site: https://hyperreal.us/

    You will notice that images embedded in my posts look fine. They also look fine in the image slider on the home page, but when they show up as featured images in the posts or as links in “recent articles”, the images are really pixelated.

    Do I need to resize the featured image or mess with the CSS to change the resolution for featured images? Is this because I changed the width of my posts and of my featured images? Maybe I neglected to also change some critical bit of code that would also update the resolution? Any ideas?

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter @katklopp

    (@katklopp)

    Can anyone help with this issue? How can I improve the resolution of the featured images so they appear as clearly as they do when embedded in my posts?

    Because you changed layout width, you have to also redefine image sizes.
    https://themes.trac.www.ads-software.com/browser/oxygen/0.5/functions.php#L207

    The archive-thumbnail was originally 470×140, now appears as 750×223 so change it to this size and then delete and reupload (or use a plugin “Regenerate Thumbnails” to resize them automatically).

    // redefine image sizes in child theme's functions.php

add_action( 'init', 'myoxygen_image_sizes' );
function myoxygen_image_sizes() {
	add_image_size( 'archive-thumbnail', 750, 223, true );
	add_image_size( 'single-thumbnail', 750, 415, true );
}

    From what I remember, just redefine the size in child theme function and WP will use these new sizes. If that doesn’t work, try changing the priority order of the hook (default is 10) to 11.

    I’m having the same issue. I would prefer to redefine the image size in a child theme but I have not been able to get it to work. I found this link:
    https://wordpress.stackexchange.com/questions/74934/remove-or-update-add-image-size I can’t get this to work so I overwrote the defined images in the parent theme which creates images at the size I want but when looking at the image tag, it still assigns the old width and height.
    ‘<img src=”https://www.myurl.com/blog/wp-content/uploads/2013/10/01-600×140.jpg” alt=”text here” class=”archive-thumbnail featured” width=”470″ height=”140″>’

    I forgot to mention in my previous post that I tried defining the image width and height in my CSS for the classes on the image tag and that didn’t work either.

    HELP! I’ve been loading images into my media library for months are all have been fine. Today, when I loaded an image, it appears completely pixelated. Not just a little out of focus but completely distorted. I’m wondering if there is a glitch or bug in the system. Any help would be DEARLY appreciated. This is time sensitive since I need to get a blog posted today.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can create a new thread here: https://www.ads-software.com/support/forum/how-to-and-troubleshooting#postform

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Pixelated Featured Images’ is closed to new replies.