Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2017-09-03 07:24:12

kolohe280
Member
Registered: 2017-08-23
Posts: 9

Distorted thumbnails

I'm just starting with Backlight, and have come across an issue with perfectly square pictures.  You can see the problem in this album:

https://maka-kaina.info/galleries/2016/spring-2016/

The first few pictures in the album have stretched thumbnails.  The 4th picture had the same problem until I just slightly cropped it in Lightroom (to make it non-square) and re-published it.  I also tried completely deleting the album and re-creating it.

Any ideas?

Last edited by kolohe280 (2017-09-03 07:24:34)

Offline

#2 2017-09-03 07:58:26

charlie.choc
Member
From: Marietta, GA
Registered: 2014-01-09
Posts: 338
Website

Re: Distorted thumbnails

What gallery style are you using in the thumbnail grid? If you are using 'justified' then that's what it will do, try "masonry' or 'classic'.

Offline

#3 2017-09-03 09:08:15

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,525
Website

Re: Distorted thumbnails

it's the aspect ratio that you're using. Try changing it to 3:2 or 1:1


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#4 2017-09-03 09:09:12

kolohe280
Member
Registered: 2017-08-23
Posts: 9

Re: Distorted thumbnails

Classic.

I meant to mention that in the original post.

Offline

#5 2017-09-03 09:20:41

kolohe280
Member
Registered: 2017-08-23
Posts: 9

Re: Distorted thumbnails

If I change the aspect ration to 1:1, it works for the square pictures.  That's not really the look I want for the site, however.  It seems odd that my 5:3 aspect ratio can adapt to any pictures except one that's a perfect square.  At first I thought it might be a Chrome issue, but it does that with every browser I tried it in.

Offline

#6 2017-09-03 12:09:25

kolohe280
Member
Registered: 2017-08-23
Posts: 9

Re: Distorted thumbnails

I took a look at this with Chrome's developer tools (which I had never used before - pretty cool).

If I change the class of the IMG element from landscape to portrait, it renders correctly.

I'll leave it to those of you who have more in-depth knowledge of CSS than I to determine why smile

Offline

#7 2017-09-03 13:45:26

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,525
Website

Re: Distorted thumbnails

you'll find that if you stretch the aspect ratio even farther (2:1, 3:1) you'll see that all horizontal images will stretch. I don't know if this is a bug or not.
Something for Matt to comment on.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#8 2017-09-03 14:24:07

kolohe280
Member
Registered: 2017-08-23
Posts: 9

Re: Distorted thumbnails

I see that now that I tried it on another album.

Might have to switch to another layout.

Offline

#9 2017-09-03 21:25:04

charlie.choc
Member
From: Marietta, GA
Registered: 2014-01-09
Posts: 338
Website

Re: Distorted thumbnails

Masonry layout handles square photos on my site as well as portrait and landscape 2X3, etc.

Offline

#10 2017-09-04 00:34:44

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 5,082
Website

Re: Distorted thumbnails

I'll need to expand the logic and be more heavy-handed with it to account for the handling of square images when using such an unusual aspect ratio for grid cells.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#11 2017-09-04 03:16:02

kolohe280
Member
Registered: 2017-08-23
Posts: 9

Re: Distorted thumbnails

After taking a look at what I'm trying to do, don't spend a lot of time trying to fix this on my account.

I've switched over to the Justified thumbnail layout.  It seems to be working for me, and has caused a couple of other problems caused by some really long photo captions to go away.

I suspect there are other more pressing need for your time, Matt.

Great product, by the way!  I waited a long time before buying, and I shouldn't have!!

Offline

#12 2017-09-04 14:43:33

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 5,082
Website

Re: Distorted thumbnails

Thanks for the compliment, and I'm glad to hear you feel that way about using Backlight. big_smile

I think I've got the thumbnail issue solved in my development build. Previously, we evaluated each image and applied a class, either "landscape" or "portrait", defining how the image should scale when overlarge for its allotted space in the album grid (which varies according to display size and other factors).

The new logic adds a new "square" class, and first evaluates the aspect ratio of the grid cells, assigning them also a value of "landscape", "portrait" or "square". We then compare the thumbnails to the grid cells to determine the appropriate scaling for each class of image.

Previously, square images always scaled as "landscape" -- and in most contexts, that's fine. In your case, however, having landscape-oriented cells, this was causing a problem. Under the new logic, square class images will be scaled the same as "portrait" when in landscape-oriented cells, which solves your problem.

This should roll out in our next update, whenever it happens. I'm not quite sure when that's going to be yet.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

Board footer

Powered by FluxBB