|
|
Post by Jim on Apr 21, 2022 23:00:52 GMT
Thanks tonyw , you beat me to the punch! I do have an alternate solution though, see below: Jim , I think this issue has been raised before, but I had forgotten about it. The problem seems to be with thumbnail that imgbb.com generates, and has nothing to do with the size of the file you upload. When you add an image using imgbb.com, two links are provided, one to the thumbnail and one to the full-size version. The thumbnail is what you see in a post; if you click on the image you will be presented with the full-size version. Their assumption seems to be that all images have a landscape orientation when they make the thumbnail! The two images below are identical; if you click on each one you will be presented with the same full-size image. I edited the BBCode for the second one, changing the max-width value from 100% to 30%. To try this yourself, upload your image (or edit a post that you previously made). if you click the BBCode tab at the bottom-left you will see a line that looks something like this:
[div][a href="https://ibb.co/dLqXRFx"][img src="https://i.ibb.co/hZjrSbw/beachv.jpg" style="max-width:100%;"][/a][/div]
Change the number following style="max-width: from 100% to 30%, then click the Preview tab to see the effect. Experiment with the number to get the size you want. Once you are happy with it click the Save Changes button (bottom-right).
Thank you Tom. Yours is the solution that seems easiest to use for me and most importantly for a non-techie like me, it works.  |
|
|
|
Post by hmca on Apr 21, 2022 23:08:59 GMT
So glad this has worked for you, Jim! I love happy endings. I just checked your weekly challenge submission which I see you have edited. I like the way you can see the larger version when you click the thumbnail.
|
|
|
|
Post by Jim on Apr 21, 2022 23:36:51 GMT
Thanks to all of you who posted your helpful thoughts and advice in this thread. Tpgettys (Tom's) solution worked quite easily for me so I will continue to use that method for now.
- Jim
|
|
|
|
Post by Tpgettys on Apr 23, 2022 4:30:56 GMT
Another aspect of this behavior was pointed out to me by Helen.
As noted above,"when you add an image using imgbb.com, two links are provided, one to the thumbnail and one to the full-size version. The thumbnail is what you see in a post; if you click on the image you will be presented with the full-size version."
However, I should not have called it "full-size", as it is actually a resized version which fits on the screen, so it can happen that the "full-size" is smaller than the thumbnail! Click again on the full-size image and it will be presented truly full-size. To see this, click the image below, then click again on the image presented.  |
|
|
|
Post by BuckSkin on Apr 27, 2022 1:06:15 GMT
The two images below are identical; if you click on each one you will be presented with the same full-size image. I edited the BBCode for the second one, changing the max-width value from 100% to 30%. To try this yourself, upload your image (or edit a post that you previously made). if you click the BBCode tab at the bottom-left you will see a line that looks something like this:
[div][a href="https://ibb.co/dLqXRFx"][img src="https://i.ibb.co/hZjrSbw/beachv.jpg" style="max-width:100%;"][/a][/div]
Change the number following style="max-width: from 100% to 30%, then click the Preview tab to see the effect. Experiment with the number to get the size you want. Once you are happy with it click the Save Changes button (bottom-right).
I have tried and tried to see the "%" feature and thus far it eludes me.
I do all of my image uploading in BBCode, yet I never see the percent text.
What am I not doing ?
|
|
|
|
Post by Tpgettys on Apr 27, 2022 1:42:55 GMT
You should see your post in BBCode when you click the BBCode tab at the bottom. This includes the actual code for the image you uploaded, which includes the max-width parameter.
Please note that this applies to only your posts while in Edit mode.
|
|
|
|
Post by BuckSkin on Apr 27, 2022 3:32:16 GMT
Please note that this applies to only your posts while in Edit mode.
Thanks; I will have to edit something with pictures and see what happens.
So, if one wanted to manipulate the percentage, they would first have to create the post and then edit the post to be able to change the percent.
|
|
|
|
Post by Tpgettys on Apr 27, 2022 4:00:17 GMT
Thanks; I will have to edit something with pictures and see what happens. So, if one wanted to manipulate the percentage, they would first have to create the post and then edit the post to be able to change the percent. Editing a post you made earlier is certainly one way to do it, but you do it all in one shot.
I just added an image here, but the code added by imgbb.com looks like this:
[url=https://ibb.co/w42mGyL][img]https://i.ibb.co/3cPZ61s/chains.jpg[/img][/url]
Which has no max_width parameter!
What I needed to do was click the BBCode tab, then the Preview tab, then the BBCode tab again. After doing that I see this line, which does have the max-width parameter:
[a href="https://ibb.co/w42mGyL"][img src="https://i.ibb.co/3cPZ61s/chains.jpg" style="max-width:100%;"][/a]
I can now change it to some other value, and finally Create Post when I am happy with the value I chose.
 |
|
|
|
Post by BuckSkin on Apr 27, 2022 4:44:35 GMT
I can now change it to some other value, and finally Create Post when I am happy with the value I chose.
And, the different values make the thumbnail wider or narrower, right ?
Can we exceed 100% ?
|
|
|
|
Post by Tpgettys on Apr 27, 2022 14:36:18 GMT
Yes, the height will be adjusted so the aspect-ratio remains the same. I don’t think the can be more than 100% but it would be an easy experiment to try.
|
|
