Stop images losing quality as 'Featured Image'

[sendavianemail]

Hi,
I have an issue where the images I upload seem to be losing a bit of quality when shown as the Featured Image on the main blog/home page, as well as as the Featured Image when opening the actual post page.
This doesn’t happen inside posts for images I add there.
How can I make the Featured Images retain the full image quality of my uploaded images?
Thanks

[thai]

Hi There,

Could you please provide us with your website URL so we can take a closer look?

Thanks.

[HREwebby]

I’m having the same issue. Featured images on pages displaying pixelated.

XPro v1.0.3
X v5.1.0
X Child v1.0.0
WP v4.8

No image resizing plug ins installed.

Link: http://webbyup.com/up-revenue-using-facebook-ads/

I appreciate any help you can offer.

[sendavianemail]

onewayfamily.com
Much appreciated

[ruenel]

Hello There,

Thanks for providing the url of your site. Upon inspection, it turns out that you are using Jetpack’s Photon module. Please check out the pros and cons of using this module. Please take notice of the limitations of this plugin. You can check it from here: https://developer.wordpress.com/docs/photon/

I would recommend that you disable Photon and compare the result.

[ruenel]

Hello There,

Thanks for updating this thread. The featured image is displaying the crop resize version. This is why you will notice a little bit of degradation of the image. Do you want to display the full image instead? If that is the case, since the child theme is already set up, please add the following code in your child theme’s functions.php file

// Display Full image as the featured image
// =============================================================================
function x_featured_image( $cropped = '' ) {

  $stack     = x_get_stack();
  $fullwidth = ( in_array( 'x-full-width-active', get_body_class() ) ) ? true : false;

  if ( has_post_thumbnail() ) {
    $thumb = get_the_post_thumbnail( NULL, 'full', NULL );

    switch ( is_singular() ) {
      case true:
        printf( '<div class="entry-thumb">%s</div>', $thumb );
        break;
      case false:
        printf( '<a href="%1$s" class="entry-thumb" title="%2$s">%3$s</a>',
          esc_url( get_permalink() ),
          esc_attr( sprintf( __( 'Permalink to: "%s"', '__x__' ), the_title_attribute( 'echo=0' ) ) ),
          $thumb
        );
        break;
    }

  }

}
// =============================================================================

Hope this helps. Please let us know how it goes.