XF 2.3 Picture uploading Questions - Max limit for picture size vs file size? And which button?

CZ Eddie

CZ Eddie

Active member
First, why does the button on the bottom let you upload larger pictures sizes than the one on top?
Why aren't both the same?
1721778689637.webp

1721779462382.webp
Here are my current picture settings.

What I'd like to do is set the image size displayed in the page to be a max of 1500x1500.
But I want it so that when you click the image to open in a new window, it's going to be a max size of say, 3600x3600 or maybe a max file size of 4MB.
Is that possible?

I want inline pictures to not take up the whole screen left to right.
But I also want the picture to retain some quality so we can zoom in on it if we want to.
 
Sort by date Sort by votes
Apologize for not having a solution but I came here to post this exact question. I think.

If a user wants to embed a full image instead of a thumbnail, I want to allow that. BUT, some users are posting full images that are huge and take up your entire browser window. Is there some way to ensure images aren't too big when embedded but aren't thumbnails?

PS. Sorry if this isn't what you're asking. Just didn't want to start a new thread on the same issue. Possibly.
 
Upvote 0 Downvote
You can just use css to define .bbImage in extra.less. Something like this which I use. Customize it even more as per your requirement!

Code: 
.bbImage{max-width: 400px;}
 
Upvote 0 Downvote
Chromaniac said:
You can just use css to define .bbImage in extra.less. Something like this which I use. Customize it even more as per your requirement!

Code: 
.bbImage{max-width: 400px;}
Click to expand...
Thank you! This worked perfectly. Does it maintain the image aspect ratios as at first glance the image doesn't look skewed incorrectly but I just wanted to make sure.
 
Upvote 0 Downvote
it should. i am not using additional code for height on my board. i imagine height:auto; might be useful.

this is the code i have in my extra.less

Code: 
.bbImage {
    max-width: 400px;
    margin: 2px;
    border-radius: 7px;
    vertical-align: bottom;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;}
 
Upvote 0 Downvote
Chromaniac said:
it should. i am not using additional code for height on my board. i imagine height:auto; might be useful.

this is the code i have in my extra.less

Code: 
.bbImage {
    max-width: 400px;
    margin: 2px;
    border-radius: 7px;
    vertical-align: bottom;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;}
Click to expand...
Wow that looks great. I added it and it makes the images look better. I hate to ask more of you but do you have your code changed for embedded tweets or anything else as this is now what my board looks like...

nyc.webp

The tweets are bigger than 400px now and square in contrast.

Thanks either way.. not a big deal if no.
 
Upvote 0 Downvote
controlling size of embeds is probably much harder to control with css. i am using this addon though which provides a lot more features for embedding. you should try to get embeds to use dark mode on darker themes. this addon does handle it for a few services automatically on 2.3.

s9e Media Sites JoshyPHP

s9e Media Sites

Improves the performance and usability of media sites, and adds many popular new sites.
  • JoshyPHP
  • embed facebook media bbcode media sites performance responsive twitch twitter youtube
  • Add-ons [2.x]
 
Upvote 0 Downvote
Chromaniac said:
controlling size of embeds is probably much harder to control with css. i am using this addon though which provides a lot more features for embedding. you should try to get embeds to use dark mode on darker themes. this addon does handle it for a few services automatically on 2.3.

s9e Media Sites JoshyPHP

s9e Media Sites

Improves the performance and usability of media sites, and adds many popular new sites.
  • JoshyPHP
  • embed facebook media bbcode media sites performance responsive twitch twitter youtube
  • Add-ons [2.x]
Click to expand...
Awesome. Thanks! Now to figure out how to edit the source.cfg file w/ my cloud subscription so I can install add-ons. So much I don't understand as an idiot!
 
Upvote 0 Downvote
You must log in or register to reply here.
Back
Top Bottom