Higher Resolution Thumbnails?

  • Resolved 2xUeL

    (@2xuel)


    5 years, 6 months ago

    Hello!

    Thank you for this great plugin, I’ve been using it faithfully and effectively for five years now!

    I’ve been noticing on my 2018 MacBook Pro with retina display (and iPhone 6s Plus) that the WPP thumbnails look low-resolution compared to the other graphics on my site. Anything I can do about this?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Hector Cabrera

    (@hcabrera)

    Hey there!

    Well, you could:

    1. Increase the size of the images to twice the size the current thumbnail you’re using now and then resize them back to the original dimensions using CSS; or
    2. You could try increasing the compression quality of the thumbnails using the wpp_thumbnail_compression_quality filter hook; or
    3. A combination of the two previous suggestions.

    I believe #1 will be the most effective but feel free to play around with the suggestions. Whatever you decide on doing though make sure you clear WPP’s thumbnails cache first (Settings > WordPress Popular Posts > Tools, under Thumbnails) to have WPP recreate the thumbnails, otherwise you won’t see any changes (and if you’re using Cloudflare or any similar CDN service to cache your assets you’ll want to clear those caches too.)

    Plugin Author Hector Cabrera

    (@hcabrera)

    … or you could switch to the “stock” WP thumbnails (Widgets > WordPress Popular Posts > use predefined size). WordPress adds additional image sizes via the srcset parameter to each image which should help improve the quality of the thumbnails on retina displays (but then you’d probably need to register a new image size via functions.php with the dimensions of your WPP thumbnails, use the Regenerate Thumbnails plugin to create images from the new thumbnail size, etc.)

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Higher Resolution Thumbnails?’ is closed to new replies.