How to fine-tune the photo display in new Connect

Community guidelines Learn more about Connect features
1

Displaying photos in various sizes was challenging in the old Connect.
This was because the options were hidden.

In the new platform, handling images is a breeze.
The options to modify the size are easily accessible.
Several new features to handle the image and image size are available.

An image can be added to a post in three ways:

  1. Click the Upload icon on the toolbar.
  2. Drag and drop an image file from the File Explorer.
  3. Copy-Paste (a) Copy a file from Windows File Explorer and paste it in the editor, or (b) Copy an image or portion of an image in an editor like PaintBrush, then paste the selection into the post composer.

Once inserted, a BBCode is generated.
To view the actual image, click ‘Show Preview’ below the editor/composer.

Image formats supported when creating a new post.
Image formats supported when creating a new post.652×400 13.4 KB

The various file formats supported are seen in the image above.

A 13-megapixel image of size 4080 x 3072 is uploaded and inserted as an image of size 690 x 388.

The proportion is maintained as 4:3
This was more popular on television and early cinema screens.

A more common size for photos with this ratio is 1600 x 1200 pixels.

! [The Zero Point Open Museum in Pune | 690x388] (upload://Random_Alphanumeric_Characters_001.jpeg)

Note the fixed format of the BBCode:

  1. Exclamation sign
  2. Caption in square brackets.
  3. Pipe character |
  4. The reduced or normalized image dimensions.
  5. A new filename with random alphanumeric characters.

Note: The uploaded file is always a JPEG image regardless of the original format - JPG or PNG.

An exception is the GIF format.
The best part is that an animated GIF file appears animated, which was a surprise when I tested it.

Similarly, when a file of size 1920 x 1080 is uploaded, it is normalized to 663 x 500
This is a 16:9 wide format ratio, more common for a full HD resolution.

! [The Zero Point Open Museum in Pune | 663x500 (upload://Random_Alphanumeric_Characters_002.jpeg)

  1. You can play with the image size numbers in the editor and the preview window below the composer will update in realtime.

  2. Alternatively, click the percentage % numbers displayed below the image in the preview window.

BBCode and Image previewing in new Connect
BBCode and Image previewing in new Connect769×674 328 KB

Also, to delete the image,

  1. Remove the line from the editor.
  2. or, click the red trash icon in the image preview below the image.

Fun Fact: If the pixels are reduced below the original image size, the image is trimmed or cropped.

To edit the caption, using the preview window is recommended.
Read a detailed post on Captions by @Kumaarsantosh

This post shows what else can be done with a photo in the new composor, like creating a photo collage, cropping, adding captions, and special effects.

This post shows how to pair a mobile and a desktop computer to share images

13 Likes
2

Very informative post about uploading and fine tuning the photo display in new Connect. The explanation about photo size and proportion is explained well and easy to understand for everyone.

Thank you so much for writing this post @TusharSuradkar.

The third option to add an image to the post is simply by copying and pasting. This is handy and easy to add in case of screenshots.

3 Likes
3

Thank you for the appreciation and the tip @Kumaarsantosh :+1:
I have mentioned the 3rd way in my previous post.
Though it would be good to include it here again :handshake:

3 Likes
4

Very helpful topic, thank you @TusharSuradkar ji, for explaining in simple steps

3 Likes
5

Very informative indeed, @TusharSuradkar .
I haven’t checked personally, but I don’t know how GIF will be converted or treated here.

Cheers!

2 Likes
6

Thanks for the appreciation @PrasadVR Ji :handshake:
I feel encouraged.

7

Thank you @AjitThite
That is a good idea :-1: about GIF

Here is an animated GIF that gets inserted as a GIF.
Exciting to see that it appears animated :smile:

CortanaAnimation

2 Likes
8

Great! Any limitation of file size and or dimensions for GIF?

2 Likes
9

I think the file size limitation is there for images @AjitThite
Not sure how much, but it has been increased a lot from the old Connect’s 3 MB
Probably 16 MB

I know there is a 16 MB limit for videos since I saw that message when adding a video.
So I had to upload it to YouTube and share the link in the post.

2 Likes
10

Cool, I will try some day with GIF. Thanks.
Cheers!

1 Like
11

Hervorragende Anleitung @TusharSuradkar
:+1: Gut erklärt und verständlich

1 Like
13

Thank you for this informative post @TusharSuradkar it is helpful

1 Like