I was doing some work on a client's site and thought I'd need some pictures of a specific aspect ratio, but couldn't think where to find them so after a little research I came up with this:
We're looking for thumbnails with a classical 3:2 aspect ratio on a canvas 900px wide and we'll create a slideshow using jQuery lightBox. If our images are 300px wide and 200px tall (landscape) that'll allow us to have 3 on a row, alternatively we might have images that are 200px tall and only 133.333px wide (portrait) which'd be a bugger!
So we need to find an alternative sizing which'll work better... except I don't think there is one so we could change the aspect ratio to 4:3?
900/4 = 225px
Actually that's bollocks as Phil has pointed out that a good aspect ratio would be 3:2 as we could have a row of 4 landscapes at 225px wide and 150px tall or a row of 6 portraits at 150px wide and 225px tall.
That means we have can mix and match and have a set of 3 portraits and 2 landscapes on a row!
And using:
allows us to find landscape images of the correct aspect ratio and size (333px tall)!
Where as:
gives us portrait images of the correct aspect ratio and size for our slideshow!
Ahh nuts:
1 minute, 25 seconds
No comments:
Post a Comment