I use linkedin v2 api and i`m having two problems:
1 - We have customer reports that when posting with us, the reach of the post is reduced dramatically.
2 - In addition, we find that when you publish an image via the API, Linkedin is adding a gray border. Even for images that follow the pattern indicated by your documentation.
Can you help with this issues?
unfortunately, LinkedIn is still sending people here from there support. I will not be able to answer question 1. But for question 2 you should check out the following:
Click here for more information about the images
We recommend that you upload rich media in 1200 x 627 aspect ratio. Images uploaded in the recommended 1200 x 627 ratio are automatically displayed on the mobile app with white padding on the top/bottom or sides of the image, to fit the ratio without being cropped. Although a 3:2 aspect ratio, or 1200 x 800, displays fully without padding, we recommend using the industry-standard 1200 x 627 ratio. Link share thumbnail image uploads are displayed in a 2:1 ratio. Limit text in rich media images to the center of the image in a title-safe area.
Please go through this link https://www.linkedin.com/help/linkedin/topics/6227/6237/81310/customizing-an-image-and-title-when-posting-a-url-on-your-linkedin-page?lang=en
Related
I have trouble with facebook, twitter, mix.com basically with every social site. When I share my post all my images are automatically cropped from the center leaving peoples on images headless. How to force og:image to be cropped from the bottom only leaving the upper part of the image visible? I am using WordPress theme GeneratePress.
Make sure you are following the guidelines: https://developers.facebook.com/docs/sharing/webmasters/images
The minimum allowed image dimension is 200 x 200 pixels.
The size of the image file must not exceed 8 MB.
Use images that are at least 1200 x 630 pixels for the best display on high resolution devices. At the minimum, you should use images that
are 600 x 315 pixels to display link page posts with larger images.
...
If you make sure to use the correct aspect ratio, you can limit the chance of getting cropped images:
Try to keep your images as close to 1.91:1 aspect ratio as possible to display the full image in News Feed without any cropping.
I used the twenty-seventeen customize tool to add an embedded youtube video to my header-media, by only providing a link url.
But it displays with 2 black side bars, on the left and right of the video. From reading other posts, this is how Youtube formatted the video to display. But is there a way to override this somehow?
My work-in-progress website is: www.diatomfilms.com so you can see the problem.
Found this article with quick google search: https://filmora.wondershare.com/youtube-video-editing/remove-youtube-videos-black-bars.html
I guess the fourth solution in the article would be helpful for you because you have already uploaded the video on YouTube.
Click on the Edit button next to the video, and add the most suited
instruction in the Tag bar below:
t:crop=16:9 This tag zooms in on the video because of which the
contents at the borders (black bars in this case) do not appear
anymore.
yt:stretch=16:9 This tag stretches the video in the aspect ratio of
16:9. It is used to view the video in wide-screen format.
yt:stretch=4:3 if your video is appearing in wide-screen format, but
you want it to display in 720 x 480 pixels, apply this tag. It scales
down the video 4:3 aspect.
Our developer has disappeared off the face of the planet and when our web server updated it's PHP version, formerly square images have cropped to landscape.
https://www.weareabsoluteuk.com/retail/
The section in question is the portfolio (screenshot attached) these were previously square but not display landscape despite the featured images still being a 1:1 ratio.
I'm familiar with Divi but this seems to be a custom built slider the developer has made and I'm just trying to figure out how I can make these images display as square again as we've sent countless requests to our developer to no avail
enter image description here
Would really appreciate a point in the right direction as I can get the containers to the size they should be but the image never fills them
Thanks
.et_pb_row
for this class max-width: 1080px is there, so it is restricting the images to look like rectangle instead of square, and your images are not square
your images are of resolution 400 x 284, so it wont look like square. You can try images as background images in order to appear them as square.
I have a lot of images with a resolution around 500x1500 and I want to show all those images in a grid on my website. Each picture in the grid should be 200x200px.
If I scale down the images with CSS from 500x1500px to 200x200px and I show 10 200x200px images on my website, does this mean that the visitor first have to download the 500x1500px images and then their browser scales the pictures down?
If that is the case, then it's a bad solution to do it like this, right? Instead I should have two versions of each picture, one 500x1500px version and one 200x200px version. Am I right?
The question then is what's the easiest way to scale down hundreds of images?
Yes, I think it is the case that the browser will download the larger image and then scale it. You can check for yourself by opening the dev tools on the browser (press F12 if you're using Chrome) and monitoring the network traffic when you reload your site.
The easiest way to scale down hundreds of images is find or write a program to do it.
You are right. You can set height and width of the images but 1) the user will have to download a bigger image than necessary and 2) the height x width ratio will be trouble (the big one is 1x3 and the small one is 1x1). I would either use http://www.imagemagick.org/ , gimp or a similar tool to crop the images, but the problem is that the cropped area might not be very good. Only a human can select a good fit for the cropped area :-(
Edit1: Perhaps a well-trained neural network could select the most "interesting" part of every image programatically but that's kind of a lot of trouble to do that. Still it could be pretty interesting :-)
in this page for instance:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.diveboard.com%2Fdennis.arreborg%2FD5wJDrE
I have the og:image tag pointing to http://st2.diveboard.com/222/25135_daa7a025d22d2acb8102d6ca8ddb284f_large.jpeg
which is :
dentify 25135_daa7a025d22d2acb8102d6ca8ddb284f_large.jpeg
25135_daa7a025d22d2acb8102d6ca8ddb284f_large.jpeg JPEG 1279x799 1279x799+0+0 8-bit DirectClass 228KB 0.000u 0:00.000
Yet on Facebook debug I get a strange error message :
og:image should be larger:
Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://st5.diveboard.com/222/22562_8e364ce284eaa3ecb3f8ab5c84789310_large.jpeg' will be used instead.
any clue ?
I did a Facebook share on http://www.diveboard.com/dennis.arreborg/D5wJDrE and it correctly used image http://st5.diveboard.com/222/22562_8e364ce284eaa3ecb3f8ab5c84789310_large.jpeg. So no image size problem there.
I encountered situations with my own website in which images were not given as options to include in the share, although they met the size requirments: picture must be at least 50px by 50px (though minimum 200px by 200px is preferred) and have a maximum aspect ratio of 3:1. Just trying to share again solved the problem, and I read somewhere in the Facebook docs that you need to give Facebook 24 hours to somehow update itself for new images on your site.
I would love to give you references to the corresponding Facebook docs, but can't find it back, because they are being changed all the time, I guess.