Support » Theme: Olsen Light » Featured image is blurry

  • Resolved jamesfncrt

    (@jamesfncrt)


    Hello,

    Using Olsen Light I have a problem with the featured image appearing blurry. When I click the image and it opens up in the media file viewer it’s nice and sharp. But on the homepage and at the top of the article it’s blurry.

    Any idea how to fix this? Is it because the image needs to have precise dimensions perhaps?

    Thanks in advance

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hi there, The minimum recommended image sizes for Olsen Light posts are 665x435px. Could you try that and let me know if you experience the same blurry images?

    Thread Starter jamesfncrt

    (@jamesfncrt)

    Hi Fotis,

    Thanks for your speedy reply. All of the images are 800x533px, so the minimum requirements should be met, right? Or should I try with exactly 665×435?

    I also have an issue where if I create a gallery, the thumbnails appear blurry if I have less than 4 columns. Perhaps the two are related?

    Hi there, you can open functions.php file and locate
    set_post_thumbnail_size( 665, 435, true );
    then change it to
    set_post_thumbnail_size( 800, 533, true );

    then install the Regenerate thumbnails plugin, activate it and go to Tools -> Regen. Thumbnails to run a regeneration in order for the change to be applied.

    Let me know if this works

    Thread Starter jamesfncrt

    (@jamesfncrt)

    Hi,

    Thanks again for your help. Sorry for my late reply.

    I followed the steps you provided but I’m afraid it didn’t work.

    Thread Starter jamesfncrt

    (@jamesfncrt)

    Sorry. I’ve just realised that it has indeed fixed the problem with the featured image being blurry! Thanks so much.

    I was looking at the gallery thumbnails, which is why I thought it didn’t work. Those are still blurry so I suppose that is a separate issue.

    Hi there, could you please provide a URL so I can have a closer look?

    Thread Starter jamesfncrt

    (@jamesfncrt)

    Hi Fotis.

    The website isn’t finished/live yet and is currently in maintenance mode (plugin), but I made a subscriber account so you can take a look. I’ll remove it from here afterwards.

    http://delveberlin.com/wp-login.php
    U: temp1
    P: Agsaq51R2vkB5qg0&A&EgueE

    http://delveberlin.com/testing/ – this post shows three galleries created with 2, 3, and 4 columns to illustrate the problem.

    Thanks again

    Thread Starter jamesfncrt

    (@jamesfncrt)

    After looking again at the theme demo, I see that the gallery thumbnails are always landscape/portrait, not square thumbnails like on my posts – http://www.cssigniter.com/demo2/?theme=olsenlight

    I tried creating another gallery, and in the settings I chose “medium” as the size instead of leaving it on the default of “thumbnail”. Now they are sharp (and original aspect ratio instead of cropped squares).

    I suppose the problem is that it’s not meant to be left on the thumbnail option?

    The native WordPress galleries use image sizes defined by WordPress itself.
    You may change those sizes from Settings > Media.

    In our demo, e.g. in this post, we use the “Large” size. The images themselves are in the proper orientation before being uploaded, i.e. the images under the “Sustainable pop-up” heading are landscape, while the images under the “Echo Park” heading are portrait.

    The theme itself does not provide any kind of galleries, so it’s clearly a WordPress/set-up issue.

    It’s not a problem really. WordPress gives you control over the appearance of the galleries. If for example, you chose to have 9 columns of images in a gallery, using the large size is most definitely an overkill.

    Here’s a quick guide on image sizes:
    Medium: Will resize the image to fit the max width/height defined, while keeping the original proportions (portrait remains portrait, etc).
    Large: As above.
    Thumbnail: a) With “Crop” option checked: Image will be cropped exactly to the defined width/height. If the uploaded image is smaller than these dimensions, expect blank areas.
    b) With “Crop” option unchecked: Same behavior as Medium/Large.

    Thread Starter jamesfncrt

    (@jamesfncrt)

    Thank you Anastis. It’s all much clearer to me now. I will stick to using medium/large (I think after looking at the demo page again, I prefer that look anyway).

    Thanks for the fantastic theme too, I fully intend to upgrade to the full version once the website is established a bit more 🙂

    Glad I could help 🙂

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Featured image is blurry’ is closed to new replies.