Image size, shape on Forum
#1
When I add an image, it gets truncated to be square.
The thread https://staging.qb64phoenix.com/showthre...ght=plasma has large and non-square images.
What am I missing?
Reply
#2
For best results, place the cursor in the editor where you want the image.

Then don't use the little button but use the large section for dropping in files for attachments: zips, images, .... any file can be attached

You might need to click the download button in the BB popup dialog for attachments.

Then when image file is registered (sometimes it doesn't take on first try) you have the option to insert it into the post, that probably only works for image files.

BTW most times you CAN click the smaller square image and get a full blown dialog screen for exploring image in separate browser tab.
b = b + ...
Reply
#3
Yes, as Mark stated, attachments don't truncate. I had the same issue of square truncated thumbnails appearing when I posted all those screen shots at TheBOB's Prolific Programmer board.

My solution was to open each image in Paint.net (An online open source paint project) and simply resize the canvas height to the width of each screen shot. That made it square. The is an option in Paint.net to automatically center the image in the expanded canvas. Now I post using the same "Add image to post" button on the forum, and the image comes out perfectly. The upper and lower empty canvas areas are invisible.

Pete
Reply
#4
Also I want to add, you can move the square ones around in your editor as long as there is space above or below a code window you may have going.

Update: come to think, you can move the attachments inserted into post as well. They will be in square block attachment tags with a number, you can cut and paste or delete in the editor.
b = b + ...
Reply
#5
Exclamation
Reply
#6
(05-04-2022, 03:30 PM)dcromley Wrote: When I add an image, it gets truncated to be square.
The thread https://staging.qb64phoenix.com/showthre...ght=plasma has large and non-square images.
What am I missing?

Folks are saying a lot of things which I don't quite understand either...  Here's how I know that the images work, and perhaps this will make sense for you:

Default images load into a thumbnail to preserve post space, and a reader can click on them to expand those to view them in their full glory if they want.

Images that aren't thumbnails are posted with the width and height included in the image tag.
For example, if you click the "VIEW SOURCE" button on various different posts, you'll see images formatted in either of the following matter:

Code: (Select All)
[img]https://your  image link here.ext[/img]
[img=500x500]https://your  image link here.ext[/img]

The first is just a default img tag, and will go into a thumbnail.
The second specifies the width and height of the image to display and won't create those thumbnail placeholders.
Reply
#7
(05-04-2022, 10:02 PM)SMcNeill Wrote:
(05-04-2022, 03:30 PM)dcromley Wrote: When I add an image, it gets truncated to be square.
The thread https://staging.qb64phoenix.com/showthre...ght=plasma has large and non-square images.
What am I missing?

Folks are saying a lot of things which I don't quite understand either...  Here's how I know that the images work, and perhaps this will make sense for you:

Default images load into a thumbnail to preserve post space, and a reader can click on them to expand those to view them in their full glory if they want.

Images that aren't thumbnails are posted with the width and height included in the image tag.
For example, if you click the "VIEW SOURCE" button on various different posts, you'll see images formatted in either of the following matter:

Code: (Select All)
[img]https://your  image link here.ext[/img]
[img=500x500]https://your  image link here.ext[/img]

The first is just a default img tag, and will go into a thumbnail.
The second specifies the width and height of the image to display and won't create those thumbnail placeholders.

To recap, image posting solutions for a wide rectangular image to show up completely as either an attachment or as a thumbnail.

As an attachment: Do nothing to the image, just drag it into the forum area marked to drop attachments. Done. It will display as it looks, no truncating, but it will only be visible at the bottom of your post. bplus method.

As a thumbnail that when clicked expands to the full size image in a new tab: Use an image editor to expand the canvas height to the image width, thus making it square. Save it on your computer, and then use the "Add image to post" button to upload it, following the instructions on the popup. Pete method.

Or... Live with it as a cropped thumbnail and hope the visitor clicks to enlarge it to see all of the image.

Oh, the "Add image to post" method has a resize editor but I had mostly no luck using it. Most posts got cropped, anyway. It would be nice if setting the width to 500 (it auto-sizes height) would do the trick all the time, but no.

Pete
Reply
#8
Exclamation  (This means "I got it" + "Thanks" + "I will be processing this" + "I reserve the right to followup".   Exclamation
Reply




Users browsing this thread: 7 Guest(s)