6 replies to this topic

[everfreecreative]

I'm trying to set a max-width of 300px on the image field for images uploaded on the backend. However, when I try uploading a 900px wide image, I just get the image at the original width with greater pixelation.

It's not being resized in the browser with html or css, since when I download the image it's still 900px wide. What's going on?

[Marty Walker]

Can you post your PW template and CSS code?

[everfreecreative]

I'm using this gallery template file: http://processwire.c...__fromsearch__1

The CSS definitely isn't the problem, as I downloaded the image to check it out and it is, indeed, 900px wide (but looks like a 300px image blown up to 900px wide).

[Soma]

if you set the image to be max width 300px (it will scale bigger picture uploaded to 300px), then in the template there's (form that code)

$nextImage = $image->getNext();
$prevImage = $image->getPrev();
$sizedImage = $image->size(900);

So it will get upscaled to 900px.

[Pete]

Yup - you need to check in your template what size the image already is using $image->width() and $image->height() if you don't want things to be blown up by the $image->size() code in the template.

[diogo]

would be very nice to have a max-size(900)

[everfreecreative]

Whoops, that should have been an easy one to spot. Thanks guys!