Dumb thumb question help

hi @generalnumpty

It will not make that much difference from 150 to 250 but it depends on the number of images in the gallery. The 250 images will def be larger in size.

To check the size difference, you can set the gallery to 150 and then look at the network tab in chrome dev tools to see what the image sizes are and how long they take to download.

Then change to 250 and refresh the page and look in dev tools to see the difference.

Lazy loading will impact the initial page load times, but not really the overall page size if all the images are loaded.

I hope that helps clarify?

Great thanks for helping me understand.
I am using firefox and had to look up up how to do the same thing on there.
At 150 slightly blurry I get 1.64 Mb and at 250 not pin sharp but good I get 2.31Mb.

I don’t need the thumbs pin sharp cause they are just thumbs with a promise of a bigger image when they are tapped but at the same time I dont want them to look rubbish.

I will have a play to get the best compromise.

Ok forget my last post because I wasn’t using firefox properly – with its inspector- network open I found that i need to scroll the whole page to get the full page Mb result.
Hope this is useful for others.
My old gallery setting was justified gallery
thumb height 330
row height 130
max row height 200%
For my large gallery this gave 5.20 Mb total page and with sharp thumbnail images
(yes this will depend on the optimised size of your images to start with )

Now for the same images and page but as a Masonry gallery with settings
5 columns
no gutter
Thumbnail 275 = slightly soft thumbnails but not blurred
I get 3.30 Mb

My above settings were chosen because with the justified gallery it gives an average of 7 images wide on a computer and so not too small – which then translates to 2 images wide on a mobile.
Anything less than my settings for the justified gallery resulted in only 1 image being displayed on a mobile (defeats the object of a justified gallery display) my settings above resulted in a 2 image wide display on a mobile.

With the justified gallery I could not find a combination of settings that would give me at least 2 images wide on a mobile at size not too small on a computer and reasonably sharp thumbs that resulted in any less than 5.20 Mb for the page. (my page my images just for reference)

However with the masonry gallery and the above settings for it the display on a computer was 5 images wide ( so bigger than justified ) and also 2 images wide on a mobile – same as justified. with the resulting page size of 3.30Mb.

So I am happy with the settings with my masonry gallery.

I did notice something else with the two galley’s
I said my settings resulted in 2 images wide on a mobile with a justified gallery BUT that was only the case if I had a portrait image next to a landscape image – if i didn’t then on a mobile it would still display as 1 image stacked.

But a masonry gallery works much better and so long as there are a couple of portrait orientated images the gallery will display 2 image wide on a mobile.

I just wish I could also get a thin border on a masonry gallery as the border size “thin” is still too thick for me.
With the justified gallery I can set the margins to “1” which results in a nice thin hairline border just enough to differentiate between each image.

• This reply was modified 3 years, 9 months ago by generalnumpty.
• This reply was modified 3 years, 9 months ago by generalnumpty.
• This reply was modified 3 years, 9 months ago by generalnumpty.