Set max image size

[Spartan]

Can I set a max image size posted by a user? Same question for signature images.

 

[Paul B]

Uploaded image maximum dimensions (attachments) are set in the ACP -> Options -> Attachments.

For external images, add some CSS to EXTRA.css:

.bbCodeImage {
max-width: 100px;
max-height: 100px;
}

Change the px values to suit or use a % if you prefer.

 

[Spartan]

Thank you.

Uploaded image maximum dimensions (attachments) are set in the ACP -> Options -> Attachments.

For external images, add some CSS to EXTRA.css:

.bbCodeImage {
max-width: 100px;
max-height: 100px;
}

Change the px values to suit or use a % if you prefer.

 

[Dismal Shadow]

Uploaded image maximum dimensions (attachments) are set in the ACP -> Options -> Attachments.

For external images, add some CSS to EXTRA.css:

.bbCodeImage {
max-width: 100px;
max-height: 100px;
}

Change the px values to suit or use a % if you prefer.

This resize all external images. :/
Was looking for an alternative...

 

[kidstronger]

why not working for me??

 

[tomato]

Uploaded image maximum dimensions (attachments) are set in the ACP -> Options -> Attachments.

For external images, add some CSS to EXTRA.css:

.bbCodeImage {
max-width: 100px;
max-height: 100px;
}

Change the px values to suit or use a % if you prefer.

Thank you. I have long sought!

 

[AndreaMarucci]

Rgardin this issue, I've tried the code above with no luck. My members use imgur and using that code the images are not resized. I've seen that the code regarding these images is something like that



so I've put in extra.css this code

.bbCodeImage {
max-width: 800px;
}

bbCodeImage LbImage {
max-width: 800px;
}

but no result at all. The images always appears at full dimension...

Any help?

 

[Paul B]

The code has changed, see the FAQ: http://xenforo.com/community/threads/frequently-asked-questions.5183/#post-181037

 

[AndreaMarucci]

You're the best Borgan. Thanks. I've put this code

/* INIZIO DIMENSIONE MAX IMMAGINI */

.message .messageContent .messageText img {
max-width: 800px;
}

 

[Harvey]

I'm looking for a solution that will shrink images proportionally if the image height is above 600px.

 

[Paul B]

Just set a max height of 600px.

 

[Harvey]

Doesn't seem to be doing it.

I don't want to stop people from uploading images that are bigger, it's just that when you get a crazy vertical, like 400px x 1000px I don't want it to show that tall. Basically I don't want any image that you can't see all at once on an average desktop device.

 

[Paul B]

It works for me using this in the extra.less template:

.bbImage
{
    max-height: 600px;
}

You have replied to a 6 year old thread though - the code has changed since then.

It's always better to start a new thread if it involves customisation of this nature, with the relevant version prefix.

 

[Harvey]

OK.

What that code seems to do is change the proportions of the image, smushing it?

maybe add max-height: auto (?) or something?

Sorry about the old thread.

 

[Paul B]

That code will correctly resize images maintaining the original aspect ratio.

You must have some other code somewhere which is also affecting images.

 

[Harvey]

I found it. Or at least I found some code that is attached to the same class.

What I was trying to do here (I had some help in case you couldn't guess) was put a border around images and limit them to 800px wide.

.bbImage {
    width: 100%;
    height: auto;
    margin: auto;
    border: solid 1px #bbb;
    padding: 4px;
    max-width: 100%;
    @media (min-width: 1024px) {
        width: auto;
        max-width: 600px;
    }
    @media (min-width: 1200px) {
        width: auto;
        max-width: 800px;
    }
}

 

[Harvey]

Brogan you were right, it is working. Not exactly sure why I thought otherwise. Thanks.

 

[Harvey]

Can you limit the size of an embed?

Some Instagram embeds are very tall.