nick graham photographer site

[benbyf]

new site for photographer Nick Graham working with design agency Each.

http://nickgraham.co.uk/

[DaveP]

I'm getting a strange double vertical scrollbar.

Chrome, Win7, 1600x900

<edit>The scrollbar in the image is the extra one, the 'normal' one wasn't in the screencap.</edit>

[benbyf]

Thanks! Hopefully fixed now, I had too many overflow auto's going on.

[DaveP]

Thanks! Hopefully fixed now, I had too many overflow auto's going on.

Cured it for me.

[bernhard]

hi benbyf,

the images are tremendously huge!! the first for example is 2248x3000 @ 1.9MB

it's so easy to fix this with PW:

<img src="<?= $page->your_image->size(1000, 1000, array('cropping' => false))->url ?>" alt="...">

and it will keep its aspect ratio. keep in mind that on first load it will need lots of memory + cpu so there may be some timeouts, but when all the images are resized the following pageloads will be faster

[Christophe]

"the images are tremendously huge!! the first for example is 2248x3000 @ 1.9MB"

With tinypng/tinyjpg it becomes 189.0 KB (−91%)...

@bernhard:

<img src="<?= $page->your_image->size(1000, 1000, array('cropping' => false))->url ?>" alt="...">

Does this code mean that the dimension closest to 1000 will have this value, and that the other dimension's new value will be proportional?

Edit: the opposite had more sense.

[horst]

The owner of the site is a professional photographer, who needs to show (his) images at its best. And I suppose that his main clients are agencies / artdirectors who uses 30" monitors. Any regular "webimageshrinkingtool" is counterproductive here, I believe.

[bernhard]

@horst

if that kind of full res images are really needed i would present lower quality images and make a link somewhere "show/download full res image", don't you think?

@chris

have a look at the docs. all the options and what they do are well explained here: https://processwire.com/api/fieldtypes/images/

edit: my example creates a new image with maximum dimensions of 1000px (height OR width) and keeping the original aspect ratio

3000x2000 would get 1000x666

2000x3000 would get 666x1000

500x500 would get 500x500 (see option "upscaling")

[AndZyk]

@bernhard

You could also use the maxSize method:

$thumb = $image->maxSize($width, $height); 

This method does also resizing without cropping.

Too bad this nice method is only documented in the blog post and cannot be found through the site search. Hopefully the documentation will be updated with the stable release of ProcessWire 3.

[bernhard]

@AndZyk

no, that would be too easy :D  

[Christophe]

@bernhard

I had seen the page https://processwire....ldtypes/images/.

The fact that until now, I have most often, if not always, "deactivated" these kinds of options in config.php (like cropping and other ones) and that the times I have used size, with the width and height chosen and/or with the dimensions of the images, I haven't had the opportunity to notice how it really worked, made me think that it was something different. I simply haven't used it enough.