Gallery and Image Processing Test Page

This first set is just some of the images placed at different sizes. Originals uploaded are around 2560 by 1707 (approx based on original file size but which is the size files that smart previews in Lightroom generate — I can explain the use of these).

This first image has no in-page sizing

this next one is sized to “600×400”. Note the reduction in quality.

This is from the caption field as entered in the Media Library.

this next one is “300×200”. Note the reduction in quality.

This is from the caption field as entered in the Media Library.

this next one is “thumbnail”. Note the reduction in quality.

these next four have no in-page sizing associated with them, but are placed in 1/4 page columns. The quality is not reduced when images are resized this way.

these next three have no in-page sizing associated with them, but are placed in 1/3 page columns. Compare these with the 300×200 above. There is still an obvious difference in images that are sized by the in-page size settings.

This next gallery is 8 images in the “Image Gallery (responsive image gallery)” with on-click open in prettyPhoto. Size setting in the element edit was left blank.

This next gallery is 8 images in the “Image Gallery (responsive image gallery)” with on-click open in prettyPhoto. Size setting in the element edit was set to 600×400. Note that this gallery suffers the same reduction in quality.

This next gallery is 6 images in the “Image Carousel (animated carousel with images)” with on-click open in prettyPhoto. Size setting in the element edit was left blank.

This next gallery is 6 images in the “Image Carousel (animated carousel with images)” with on-click open in prettyPhoto. Size setting in the element edit was se to 600×400. Note the same reduction in quality.

This next option is 6 images in the “Media Grid (Media grid from media library” with 3 per row set to default design. Note that this option also uses the click to open larger function. I did not see a setting where I could adjust the thumbnails to crop full frame — they default to a square crop. Note that it does not display captions.

This next option is 6 images in the “Masonry Media Grid (Masonry media grid from media library” with 3 per row set to default design. Note that this option also uses the click to open larger function. The masonry function presents the images in full frame which makes a neat grid when they are all the same proportion but will be a jumble if you mix proportions. Note that it does not display captions.

Translate »