Placing of photographs 
Author: Duncan Baker
Visited 1020,
Followers 1,
Shared 0
Hi Guys and Guyesses,
I am finally having a serious look at my website to get it attractive, fast-loading and SEO good.
Problem #1. I want the photos down the side of the page to be all the same size, as reduced as possible in file size and to be evenly spaced. Currently I have done this with cells but, if you look at the various pages, you will see that the cells are not the same size and the amount of white space is inconsistent.
I would like all photos to have a small file size, to be the same physical size and to have a small and regular amouth of white space between each one.
Grateful for any thoughts - https://lydburyaccommodation.uk/index.html
Posted on the
You could make one big image as background. The image should be "empty" in the middle. If made as jpg and compressed, it will probally perform better than all the single images.
The images can then be "formatted" as you wish - and the formatting should not be disturbed by the text cells.
Maybe you have to make settings for each viewport.
@John,
an example to see ?
A not very good example here: https://bramminginfo.dk/bramny03/side-8.html
Imagine that instead of the trees you had a white background and then small images to the left and to the right.
I would maybe instead make it using the row-formats and then have different images that changed when the page is scrolled.
The point is that you arrange the smaller images on the "big" background image. There will be a lot white area in the big image and it will therefore be excellent for compression.
Author
Thanks John.
I don't need it to be complicated. I am just trying to even out the spacing and reduce the file size on the photos.
make sure that pics have all the same size in pixels, say 1700 width full screen. My guess is that most pictures can be sized like 200 * 140 pixels looking at you pages. Change file from jpeg to png. There is free software, or cheap software that can limit size even further in png format, optimized for web. You can copy paste setting of a cell that you like to others. When sizes are the same, settings are the same, the result should be the same
Hi Duncan,
I tried to quickly recreate part of your project.
Is this approximately what you want?
Attention, you have very heavy images (4.5 Mb) 4320 x 2432 mixed with those in 449 x 253 ...
I think you have to juggle the margins of the images for a closer display.
@+,
J.P.
Author
Thank you both.
Yes J.P. That is exactly what I want. I do realise that I have resize the pictures but the first attempt was made in a hurry - I had to get something up there!
How did you manage the spacing on the one you have done? That is exactly what I want!
Duncan
Hello!
Grid of 6 columns and images at the left and right ends, then adjust the margins to "2". Do for all images... Without doubt adaptable to the grids of your pages.
The text occupies 4 columns in the center:
Hope this can help you a little ... ;o)
J.P.
Author
Thanks J.P.