Social Post Image does not fill whole space / weird grey barsSOLVE
Dec 18, 2018 4:07 PM
Our team is attempting to post social through Hubspot but we are underwhelmed by the inconsistency between the social post preview (all looks well, image fills the space) and the actual post on LinkedIn.
See below, our first social post from Hubspot social to Linkedin -- the image does not fill the space, and grey bars/alleys are added to the right and left sides.
1. Can this be avoided? How?
2. Why does the post preview look different than the actual post?
3. If it is not possible avoid this by posting via HubSpot, will it be fixed?
Solved! Go to Solution.
Jan 14, 2019 5:05 PM - edited Jan 14, 2019 5:06 PM
The social networks are very strict when it comes to image ratios being published via the APIs. Unlike posting directly to the networks where they will automatically resize your image to cover the space in the post, when posting via their APIs, they will not perform that auto-resizing. So, you have to get the ratio right when posting. Below are the image ratios that will work for each network, will not have any "gray bars", and will fill the given space.
Instagram (square): 1:1
Instagram (portrait): 4:5
Instagram (landscape): 1.91:1
LinkedIn (landscape): 1.91:1
We have also built a cropper in the File Manager with all of those dimensions automatically added in. For example, if creating a Facebook post with an image that you are not sure is the right dimension/ratio and you want it to fully cover with no "gray bars", you can crop the image into the correct ratio right in HubSpot. Here is a video demonstrating how directly from the social composer, using Facebook as an example:
This will help to ensure that your images are the right ratios for each of the social networks and to avoid the "gray bars".