I’m litte lost with this. i need to make images smaller and im doing it with css. But i dont know how to do this that it will keep the right aspect ratio on both cases, 600x400pixels and 400x600pixels. Im the worst ever in calculating or figuring these kind of things out so help would be more than welcome, thanks.

The target size should be 300px width or 300px height, keeping the aspect ratio in both cases.

- tuittu

Hiya,

First of all I would suggest not doing this in CSS as the end user still then has to download the larger size image which in certain cases might slow down your page considerably.

You could probably use the Image Sizer plugin to do this for you though couldn’t you? Easiest way would be if your images are entries in a weblog and then that way you can have a format field where you choose either Landscape or Portrait from a drop-down. You can then use this in a template to put the correct Image Sizer Plugin code in to re-size the image automatically for you.

Don’t know if that helps maybe?

Best wishes,

Mark

Thats the fastest way i think, but i always try to survive without plugins. This time it might come handy.

Thanks for the idea.

Cheers:
- Tuittu

Heh, just came to my mind that why just use the filemanager to handle this =) From there everything should be done without any hazzzzzzle. Or did i remember wrong =)

Cheers:
- Tuittu

Hiya,

Not too sure which filemanager you mean but using a plugin for this I would say is definitely the best way to go. I know you say that you prefer not to use them but honestly this would really be the best way to handle this type of situation.

The plugin doesn’t add any overhead to your system and will also allow you to change the image size at a moments notice in the future should you decide upon that.

Best wishes,

Mark

i ment this EE core upload manager. There you can resize the images.

Cheers:
- Tuittu

I think using the Image Sizer plugin is really a “no brainer” as once its set-up in the weblog entries tag, you only ever have to upload an image using the upload manager once, without having to try and remember what dimensions you need to resize the image to every time you upload a new one.

Its also great if ever you need to have differing sizes of the same image across your site. For example with a thumbnail version and also a “full size” version. You would just set up two different Image Sizer tags but only ever have to upload the one image.

Further to this, if your not the one who will be uploading the files and it gets left to a few different people then it makes life so much simpler in basically every way.

Image Sizer is one of those plugins I install with every expression engine install I do as chances are i’m going to need some dynamic image manipulation at some point.

Mark has linked to it, so I would get it, install it and have a play and if after that you choose not to use then fair call.

That Image Sizer plugin seems to be very usefull.
I’ve checked to examples and here I have one question (since I cannot comment on that page I ask it here ), does it work with Photo Gallery?

Normally the plugin says that u most enter the path + image name file to display the image (this is normal) but can it work with the {image_thumb} tag of the Module?

I don’t know for certain but if in the {image_thumb} tag you have the url to the image then in theory it should work.

If {image_thumb} = http://www.example.com/images/example.jpg (or whatever the url to the image is)

OR

http://ellislab.com/images/uploads/example.JPG (where filedir_1 is the default “main image upload” directory. If when an image is uploaded you select the “placement option”, “URL only” this will automatically generate the correct code.)

Having not yet used the gallery module i don’t actually know how image upload works for it.

Hope thats in some way helpful!

Why not just use EE to upload the file, then use EE to size the image, create a thumbnail, and create the appropriate link?