Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2015-04-10 22:25:07

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,299

Controlling thumbnail size

How can I control the size of the album thumbnails in CE4Pages? In ICONIC mode, there is that ASPECT RATIO slider that seems to make the thumbnails always either be too small or to big.
Where are the thumbnail size and album size buttons I used in CE3?
In my preview in Lightroom, the thumbnails are a certain size but once published, they become large:  http://lucnadeau.ca/fr/galleries.php

If I indicate a thumbnail aspect ratio of 150/50, I get a wide and low thumbnail of somewhat reasonable size. However, wanting a upright thumbnail, if I reverse the settings to 50/150, I expect a tall and slender thumbnail. No such luck: I get gigantic upright thumbnails that take up almost two scrolls to see in their entirety!

Instead of using PAGES to do this site, would I have been better served using AutoIndex?

Last edited by pideja (2015-04-10 22:31:28)

Offline

#2 2015-04-10 22:37:58

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

Re: Controlling thumbnail size

Instead of using PAGES to do this site, would I have been better served using AutoIndex?

the Autoindex (Galleries page) of Pages is an autoindex and behaves the same way as CE4 Autoindex

Using the iconic layout, it's suggested that you create custom thumbnails. Use the aspect ratio and number of rows to somewhat control the size. Then make sure you have custom thumbnails that will fill the container and look right.
http://ce4.theturninggate.net/docs/doku … uts#iconic

Remember that normally, thumbnails in the autoindex are taken from the galleries withing that index. So if you design the index to show large iconic thumbnails but your galleries within are using smaller thumbnails, then those smaller thumbnails will be stretched to fit the iconic containers. This is why they don't look good.
http://ce4.theturninggate.net/docs/doku … thumbnails


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

Offline

#3 2015-04-10 22:44:44

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,299

Re: Controlling thumbnail size

(This comment was written before Rod answer. I will act on his suggestion and reply when I'm done)
Having experimented with the slider control to set the size and aspect ratio of the album thumbnails, it appears that the minimum size of a thumbnail is about 280px, at 1:1 ratio.
At 1:2, the thumbnail is 280px x 560px but, at 2:1 it is 280px x 140px!
I think 280 pixels as a minimum size is a bit large, especially if there are many galleries to show. And it's difficult to control the size if the aspect ratio does not reliably yield a consistent results in the vertical and horizontal format.

Last edited by pideja (2015-04-10 22:46:26)

Offline

#4 2015-04-10 23:21:27

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

Re: Controlling thumbnail size

since the autoindex is responsive, iconic thumbnail size in the index will depend upon the browser width.
In fact, you could have the index set up for four columns with a core width of, say 600px, and end up with thumbnails that are about 140px wide when the browser is at desktop widths.
But change the browser width and the responsive design might drop the number of columns to two. Then the thumbnails will fill the space provided for two columns in a 600px wide core. So those iconic thumbnails will be closer to 580px wide.

So be sure to look at your designs at different browser widths, just drag the browser until it's as wide as a tablet, then a phone, and see what happens.

You can also use the TTG Viewport Sizer to set up for different device widths to help preview the design.
http://shop.theturninggate.net/collecti … port-sizer


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

Offline

#5 2015-04-24 04:24:35

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,299

Re: Controlling thumbnail size

Still having a hard time with this issue. I've redone the CE4 Pages template, editing the Auto Index/Core Width to "fixed" 800px and the ICONIC style thumbnail to a 2:3 ratio and this is a screen shot of how it looks in Lightroom : http://pideja.ca/screen_capture.jpg but on posted its looks like this : http://lucnadeau.ca/en/galleries.php Worse, for some strange reason, on the French side it's like this : http://lucnadeau.ca/fr/galleries.php.

Once set up, what is the file where these instructions reside? Maybe I can edit the humbnail sizes directly in the php file?

Last edited by pideja (2015-04-24 04:33:34)

Offline

#6 2015-04-24 04:34:43

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

Re: Controlling thumbnail size

what you see is what you should expect to see. The Iconic layout will fill the container with the image. This is why it's recommended in the documentation as well as the text in the plug-in to create custom thumbnails.

on your en/ site you're using a 3:1 container ratio. On the fr site it looks like you're using close to a 3:2 ratio. That's why you see a difference.

there's no need to edit the thumbnail size. Simply provide the size you need via custom thumbnails.


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

Offline

#7 2015-04-24 23:47:42

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,299

Re: Controlling thumbnail size

Sorry, but I don't get it.
Here is my basic setup for the Auto Index grid :pideja.ca/grid_setup.jpg and pideja.ca/iconic_setup.jpg with thumbnails sized at 600px x 400px. In Lightroom, this looks like this : http://pideja.ca/grid_fixed800px.jpg However, with thumbnails set to 1200px x 900px it looks the same! But, if I change the grid to "fixed" at 500px it looks like this : http://pideja.ca/grid_fixed500px.jpg with either size thumbnail!

I'm surely missing something obvious.

Offline

#8 2015-04-25 00:53:50

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

Re: Controlling thumbnail size

it doesn't matter what thumbnail size you set in Pages. The thumbnails for the index will be taken from the galleries within the index. (or from custom thumbnails you provide, which is what the Iconic layout is designed for)

(For the lightroom view, if you change the thumbnail rendition size in Output Settings you'll need to regenerate the thumbnail. The easiest way is to toggle the watermark setting. You could also leave and re-enter the Web Module or try changing the jpg quality setting. Simply reloading the page won't do it)

the reason the album container sizes change when you change to a fixed page width of 500px is that the container sizes are resizing to fit in to the given space. You've got four columns in 500px so the width will be 500/4 (minus margins and padding, of course).
When the core width is set to 800px you'll have container widths of 800/4 minus margins and padding. So the container size will be different depending on the space you're giving them.

You have the container ratios set to 2:3. Since the Iconic set up calls for custom thumbnails, create custom thumbnails that are at the same ratio and at a size that will fill the album container. If you've got a fixed 800 px core width with four columns, then try creating thumbnails that are about 200px wide.

You need to realize that what you see in Lightroom isn't necessarily what you'll get online. The thumbnails in the index in Lightroom are for design purposes only. http://ce4.theturninggate.net/docs/doku … thumbnails


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

Offline

Board footer

Powered by FluxBB