Images Appear Blurry

This topic contains 29 replies, has 4 voices, and was last updated by  Kiran 5 years, 10 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • April 14, 2019 at 2:37 am #480591

    Jeff Adams
    Free User
    Post count: 1780

    I am a photographer. I understand the images need to be small enough to not bog the site down. So, I’m saving them as “high” instead of “maximum” and at 2000 resolution resulting in images about 259 KB.

    The images look great. But, when I see them on the site they look really soft/blurry/not sharp.

    I attached an image for an example and you can see in this listing where the image is what I mean: https://thingstodoinnc.com/places/shelby/the-don-gibson-theatre/

    Is there something I can do to prevent images from degrading so much?

    April 14, 2019 at 2:40 am #480594

    Jeff Adams
    Free User
    Post count: 1780
    This reply has been marked as private.
    April 14, 2019 at 10:32 am #480609

    Guust
    Moderator
    Post count: 29970

    I think what you are talking about is the fact that the lightbox stretches the images, to a size bigger than their actual size.
    Your images are 1024px wide, and the lightbox is wider than that depending on your window size.
    This CSS may fix it:

    .lity-image img {
    max-width: 1024px;
}

    Thanks

    April 14, 2019 at 2:51 pm #480635

    Jeff Adams
    Free User
    Post count: 1780

    The resolution is 2000 by 1125 of this image. It may be 1024 after the website gets down with it though.

    I thought about that but when I open one image on one monitor and the one from the website on the other monitor full screen they’re both the same size. The local one is clearly sharper.

    Even if I open the one i uploaded here in one tab and compare, this one is sharper.

    April 14, 2019 at 2:57 pm #480639

    Jeff Adams
    Free User
    Post count: 1780

    If the image is 1024 that sounds like it was downsized and compressed. Is there something doing that to the images? If so, is there a way to make it not do that?

    I thought there was a way to control how large of an image users upload. Is that still possible in GD? I haven’t had time to look yet. If it is then I may not need images compressed.

    April 14, 2019 at 6:59 pm #480657

    Jeff Adams
    Free User
    Post count: 1780

    I actually noticed this on right away on the first image I posted. If you click on that building image of this listing: https://thingstodoinnc.com/places/shelby/the-earl-scruggs-center/

    Here’s a direct link to it. This looks fine when it’s only this size. https://thingstodoinnc.com/wp-content/uploads/2019/04/Earl-Scruggs-Uptown-Shelby-North-Carolina-1-1024×576.jpg
    However, if the site is going to downsize/compress the image then the GD listing image ideally would not blow it up (causing degradation). The GD listing lightbox ideally would show the image at it’s actual size and no larger than the device viewport.

    See the attached image, this is the image that I uploaded. I can actually zoom into that image. Significantly further zoomed in the image still looks sharper than the one from the GD Listing.

    April 14, 2019 at 9:15 pm #480668

    Jeff Adams
    Free User
    Post count: 1780

    Man, something really isn’t right about this. I just added 30 images and to https://thingstodoinnc.com/places/gastonia/viva-tequis/ and they all look horrible. There was some that were already in there and real small. They display in the lightbox small. So, it’s not like it’s stretching them. Something is causing these images to look horrible.

    April 15, 2019 at 4:01 pm #480881

    Alex Rollin
    Moderator
    Post count: 27815

    This page explains how WP controls image size, and how you can set GD elements to use one of the WP Image sizes.
    https://wpgeodirectory.com/docs-v2/integrations/images/
    GD is not an image processor.

    April 16, 2019 at 2:16 pm #481127

    Jeff Adams
    Free User
    Post count: 1780

    Man, something just isn’t right. I reviewed what you shared. I increased the image size to 2000 to match the size I’m uploading. Then I uploaded some new images and they’re just looking horrible. I don’t recall ever having this problem before with V1. I understand you’re saying GD is not an image processor. But, at the same token, these listings that GD enables us to create have the ability to upload through GD. And, GD even stores images somewhere different that WP does.

    See this listings image and the one attached here: https://thingstodoinnc.com/services/shelby/neofilm/

    April 16, 2019 at 2:21 pm #481130

    Jeff Adams
    Free User
    Post count: 1780

    What is this? http://wpgeodirectory.com/docs-v2/wp-content/uploads/sites/23/2018/10/images-size-select.jpg

    I don’t know what that is? it’s referenced here https://wpgeodirectory.com/docs-v2/integrations/images/ but it makes no sense.

    It says above that “Image sizes are then available in every GD Post Images element” but this isn’t explained beyond that. Maybe that’s what I’m after… Where do I set GD image sizes?

    April 16, 2019 at 2:56 pm #481134

    Jeff Adams
    Free User
    Post count: 1780

    Ok, I guess your documentation is showing the advanced settings for the block editing. However, if that’s true it really probably shouldn’t because block editing breaks forcing us to use classic editor and the “add shortcode” feature which looks completely different. Furthermore, the documentation really doesn’t explain anything where I point it out above.

    Therefore, now I see where image size can be set for the gallery. Now I just have to remove images from tabs. Actually, now I’m going to have to remove all the tabs it seems and manually insert each tab as shorcode in the details template. This means I will not have the customization offered by the tabs for each CPT all because I can’t set the image globally to be full. Or, is there something i’m missing here? Is there another way to go about this and set the image full for all images?

    April 16, 2019 at 2:59 pm #481136

    Jeff Adams
    Free User
    Post count: 1780

    Also, I’m going to have to remove all the images in every listing because of this and reupload them.

    April 16, 2019 at 10:11 pm #481194

    Guust
    Moderator
    Post count: 29970

    All you need to do is change the setting at WP Settings > Media > Large Size > 2000.
    There is no need to change custom fields or tabs.
    Those take the settings from the WP media settings.

    WP has compressed your earlier images, so they indeed will need to be uploaded again. That can be sped up using the CSV import if you like.

    The settings shown in http://wpgeodirectory.com/docs-v2/wp-content/uploads/sites/23/2018/10/images-size-select.jpg are from the shortcode that is used for the GD archive item only, and you only would use “large” there if you want to open the image in a lightbox on the archive page.

    Thanks

    April 16, 2019 at 10:21 pm #481195

    Guust
    Moderator
    Post count: 29970
    This reply has been marked as private.
    April 17, 2019 at 12:01 am #481222

    Jeff Adams
    Free User
    Post count: 1780

    I did try 2,000, see earlier where I said

    something just isn’t right. I reviewed what you shared. I increased the image size to 2000 to match the size I’m uploading. Then I uploaded some new images and they’re just looking horrible.

    I’ll try again though right now.

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 30 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount