Mobile featured image thumbs low res

  • Hi Anders,

    is there something in the theme stopping thumbnails of featured images on the home screen/ categories from being a higher resolution?
    On desktop it looks fine, on mobile its a fuzzy mess.

    Ive added

    add_filter('jpeg_quality', function($arg){return 100;});

    to functions.php and regenerated my thumbnails, but its still the same.

    • This topic was modified 4 years, 7 months ago by ConVer93.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @conver93,

    The preview images in Hitchcock are set to a width of 508 pixels, which means that they are not quite retina when viewed on phone screens. You can change the width of the images by adding the following to a child theme:

    function child_image_sizes() {
	add_image_size( 'post-thumb', 676, 9999 );
}
add_action( 'after_setup_theme', 'child_image_sizes' );

    (676 pixels is 2x the resolution of the image elements on phones with screens that are 375 pixels wide, like the iPhone 8.)

    Regenerate your thumbnails after you’ve added the code, and the images should look sharper on phone screens.

    — Anders

    Thread Starter ConVer93

    (@conver93)

    Hi Anders,
    Ive tried that and it hasn’t worked

    – ConVer93

    Theme Author Anders Norén

    (@anlino)

    Hi @conver93,

    When checking the source on your page now, the images have been updated to the new, higher resolution. If you still think they’re low on detail, you might want to increase the resolution further still or check if you have some image optimization plugin running.

    — Anders

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile featured image thumbs low res’ is closed to new replies.