Image Scaling On Front Page

  • The featured posts are represented by squared images on the frontpage. In desktop view they are scaled appr. 320x320px, for example.

    Unfortunately the images are scaled down to 508x286px first before scaled up to 320x320px later (the theme loads a too small image – only 286px wide, see html below).

    That’s why they don’t appear sharp on the front page – as you can see in your own demo.

    Can you – please – give me some advice on how to show these images as sharp as possible?

    Thank you!

    <a href="https://andersnoren.se/themes/hitchcock/drink-more-coffee-developers/"
style="background-image: url(https://andersnoren.se/themes/hitchcock/wp-content/uploads/2014/05/6-508x286.jpg);">

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter textsteine

    (@textsteine)

    Hi Anders, please have a quick look at my question. I’d imagine your answer can improve your theme not just for me. Thanks!

    I came to ask about this as well. The resized images on the homepage look terrible. Not good for a portfolio theme. Otherwise love the theme! Could we please have an explanation and fix?

    Thank you!

    • This reply was modified 4 years, 11 months ago by daf57.

    Did find a bit of a workaround. If you upload, then set the featured image while another theme is active – then switch back to Hitchcock the homepage thumbs are nice and sharp.

    Thread Starter textsteine

    (@textsteine)

    @daf57 thank you very much for your workaround. Worked for me as well.

    You can change this in the function.php as well, is less work!

    Hi Luis,

    Sounds good to me – please show us how we can make that change in the function.php. ??

    Daf

    • This reply was modified 4 years, 11 months ago by daf57.

    Had a look around in the functions file and the only related bit I could find was this:

    // Post thumbnails
		add_theme_support( 'post-thumbnails' );
		add_image_size( 'post-image', 1240, 9999 );
		add_image_size( 'post-thumb', 508, 9999 );

    I tried changing 508 to 320 but that didn’t help. The homepage image is still blurry. It’s sharp in the media library but somewhere along the line to getting to the homepage it’s being resized. It looks terrible and certainly not appropriate for a portfolio theme. Maybe Mr. Noren @anlino would be kind enough to help us out, please?

    Thanks!

    • This reply was modified 4 years, 11 months ago by daf57.

    So, what I did was that I changed that 508 to 1240px, that it’s not scaled up anymore. In my opinion, it worked. Just look at the last post on in comparison to the others. That’s what you mean, right?

    Oh, that wasn’t intelligent. Look at my homepage using Hitchcock

    Hey that worked! Thank you, Luis!!

    Daf

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Image Scaling On Front Page’ is closed to new replies.