Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 22, 2017 at 8:51 am #811385
    cd2s

    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.

    June 22, 2017 at 5:03 pm #811683
    Victoria

    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

    June 23, 2017 at 4:32 am #811932
    cd2s

    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

    June 23, 2017 at 4:12 pm #812150
    Victoria

    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

    June 26, 2017 at 7:19 am #812899
    cd2s

    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

    June 26, 2017 at 12:40 pm #813018
    Victoria

    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

    June 26, 2017 at 12:55 pm #813029
    cd2s

    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

    June 28, 2017 at 7:21 am #813697
    Ismael

    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

    June 29, 2017 at 1:40 am #814167
    cd2s

    Hi Ismael

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

    Have a great day.
    Corina

    June 29, 2017 at 6:09 am #814242
    John Torvik

    Hi,

    We`re happy that your problem was solved :)

    Best regards,
    John Torvik

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.