Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 19, 2016 at 12:34 pm #662436
    cormie

    Hi folks,
    I have somebody updating a page for me and something strange is happening in that when you click the thumbnail to enlarge an image, it appears to open twice, once in a gallery that has 6 pictures (all thumbnails on the page) and the close button on the bottom right and when you close this, the same enlarged image is under it, but in another gallery, which I prefer the look of and it has the close button top right, and this gallery only has the two images in that table.

    I prefer the set up of the 2nd gallery, it’s easier to see where to close it, it looks nicer and it only displays the images of the subject being clicked into and not the ones below.

    The page in question is here: http://www.vantasks.ie/van-information-2

    Also, the original quality of these images are over 6,000×4,000px and about 5mb each. I understand that Google and general SEO prefers smaller images as it’s better for site loading times and a better user experience, I did some googling, but all the advice was for images shown on the actual page, but nothing really mentioned about the quality and resolution of enlarged images. So it’s having 2 images, one small thumbnail fast loading one for the page and then the higher quality one to be enlarged is the ideal, but what kind of resolution and file size should the enlarged image be? And how do I know that the the thumbnail isn’t just the larger file shrunk by source code and it’s loading the smaller size one?

    Any help would be great, it’s not me doing the development work but I want to make sure it’s done right so any tips on what to look out for would be great!

    July 19, 2016 at 8:18 pm #662702
    Rikard

    Hi cormie,

    I get a 500 Internal Server Error on the page you linked to, not sure what’s going on?

    Best regards,
    Rikard

    July 20, 2016 at 10:30 am #662828
    cormie

    Hi, thanks for the reply. I’m having some issues with timeouts on the site right now, if you try refresh a few times, it should work hopefully after the first attempt :)

    July 23, 2016 at 7:29 am #664140
    Ismael

    Hi,

    I can’t reproduce the “duplicated image” issue but if I have to guess, it’s probably caused by another lightbox plugin. Did you install a plugin with a lightbox script?

    And how do I know that the the thumbnail isn’t just the larger file shrunk by source code and it’s loading the smaller size one?

    It depends on how you add the image. If you’re using the theme’s Image element, you’ll be able to select the thumbnail size in the ATTACHMENT DISPLAY SETTINGS > Size option.

    Best regards,
    Ismael

    July 27, 2016 at 12:05 pm #665671
    cormie

    Hi Ismael,
    Thanks for the message. I think a secondary lightbox plugin was the issue, I think there were two active on my wordpress account, so the 1 was disabled and it fixed the image now, actually, I think it was fixed by the time you replied which may be why you could reproduce it :)

    So by selecting the thumnail size in the attachment display settings as you mention, it creates a separate image and isn’t the original 5mb file, just appearing smaller, so when the page is loaded, it’s not loading 6 x 5mb image files, but is just loading 6 x small thumnail files of maybe less than 1mb total instead of 30?

    July 29, 2016 at 6:09 am #666483
    Ismael

    Hi,

    So by selecting the thumnail size in the attachment display settings as you mention, it creates a separate image and isn’t the original 5mb file, just appearing smaller, so when the page is loaded, it’s not loading 6 x 5mb image files, but is just loading 6 x small thumnail files of maybe less than 1mb total instead of 30?

    I’m sorry but you kinda lost me there a bit. Once you select the thumbnail size, the image element will load or use it and ignore the other thumbnail sizes. It doesn’t create any separate image.

    Best regards,
    Ismael

    August 3, 2016 at 3:46 pm #668099
    cormie

    Thanks for the reply, so I mean, if you have 6 images you want to show on one page and the original file size of each image is 5mb, how can you ensure that when the page loads, it’s not loading 6 x 5mb files (30mb), but is instead loads much faster as it’s only using thumbnail files for each image, but then when you click each image, it shows the full 5mb file as the enlarged full res version and only then does it need the extra 5mb of bandwidth/data allowance. Does enfold do this automatically, so in essence, there is 2 versions of each of the 6 images, one thumbnail version and one full res?

    August 9, 2016 at 2:14 am #670119
    Ismael

    Hi,

    Yes, that’s why the theme creates these multiple thumbnails to optimise page speed and save bandwidth. It will only load the source or original image once you click on the thumbnail and open the lightbox.

    Best regards,
    Ismael

    August 9, 2016 at 2:43 pm #670338
    cormie

    Ok, that’s great to know, thanks a lot!

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