Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #811385

    Hi Kriesi Support Team

    I have a website where my client wants a lightbox on an inserted image so people can look at it in more detail. Unfortunately, it loads it quite blurry despite my having inserted it at 3500px wide (was just testing)… so it should not be the quality of the image.

    How can I make it load a better quality image into the Lightbox?

    Thanks so much & kindest Regards,
    Corina

    PS Details below.

    #811683

    Hey Corina,

    You need to adjust image compression by WordPress
    http://www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/

    and reupload your image.
    Best regards,
    Victoria

    #811932

    Hi Victoria

    Thank you for looking into this. Unfortunately, this does not solve the issue. I think the issue is that it just enlarges the inserted image into the lightbox and thus makes it blurry. Funny thing is, that I insert the image at full size being like 5000px wide (I did that to try and suss out whether it was my image size/quality).

    Any other ideas, why this is happening?
    Thanks so much & kindest Regards,
    Corina

    #812150

    Hi Corina,

    The image on the page is a much better quality now, but the one that opens in lightbox is blurred, I am sure it was optimized and compressed on upload by WordPress and lost it’s quality.

    Best regards,
    Victoria

    #812899

    Hi Victoria
    there is no compression plugin active that would compress it on upload and I added the code you mentioned and then reuploaded the image. The only plugin active is WP Retina, which if anything should make it clearer on a retina device, or am I misunderstanding something?

    So I don’t know why it is showing blurry.
    I posted the login details previously if you’d like to have a look.
    Thanks so much.
    Corina

    #813018

    Hi Corina,

    It’s the WordPress itself compresses images as is written in the article I gave you in one of my previous replies. You need to go through your media query and check for the blurry images, delete them, disable WordPress compression and reupload the images. You can start with the image below as a test, to see if that will work for you.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #813029

    Hi Victoria

    That is what I have done… I deleted the image and following the instructions added the function as per article and reuploaded the image. The image is perfectly crisp in its original.

    So not quite sure what other options I have.
    Thanks so much for your help.
    Corina

    #813697

    Hi,

    The lightbox script is using the “Large size” thumbnail and the maximum size is set to 1030x1030px by default. Please go to the Settings > Media panel, adjust the thumbnail size and then regenerate or upload the images again.

    // https://wordpress.org/plugins/force-regenerate-thumbnails/

    Best regards,
    Ismael

    #814167

    Hi Ismael

    You are the best. Thank you so so much. That fixed the issue.

    Have a great day.
    Corina

    #814242

    Hi,

    We`re happy that your problem was solved :)

    Best regards,
    John Torvik

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.