Hi! Hoping someone can help me out here... I'm trying to post a LinkedIn graphic I created for a client, and no matter what I try the photo in the background looks fine, but the type looks bitmapped and unclear. The original graphic was made in InDesign, but I've remade it in Photoshop & Illustrator, too. I've exported it at a vatiety of dimensions and DPIs, and they all look relatively the same - I've attached a screenshot from LinkedIn. Each file I upload looks fine on my computer, but terrible online. My client is freaking out. Anyone have any ideas for me? I've been at this for a while now and am out of ideas. Thanks!
Can you please supply the original image you uploaded?
Hi Eugene, here are jpges made from InDesign at 72 & 300 dpi. Thanks!!
It looks like the LinkedIn post image dimension size should be 1200 x 628 pixels. If you want to work in InDesign set the document up as Web Intent at 1200 x 628, and export the page to PNG or JPEG at 72ppi—the exported image dimensions will be the same. Working at a larger pixel dimension wouldn’t likely help because the image would be resampled on the upload, and you obviously don’t want to work at a smaller pixel dimension.
Thanks, Rob! I just remade the file to your specs, and I'm still getting that bitmapping- here's a screenshot from LinkedIn.
Do you think there's a change that the client's color & font choice are fighting with LinkedIn's compression algorithm?
LinkedIn’s post spec is 1200 x 628, but that doesn’t mean it gets displayed at that size in the interface. In your capture the image is being scaled to 550 x 290, so it’s effectively getting downsampled to fit in the space and the text degrades as it is fit into the smaller pixel dimension. I don’t think there is anything you can do about it other than avoid small text.
Haven't posted it - but it looks ok on my screen when I'm on linked in
Even looks good here.
Using the sizing options for the forum images it looks good.
Can you show me the post on Linkedin?
Eugene, you're amazing!! Thanks so much for looking at this. Unfortunately, ANY bitmapping or artifacts are problems for the client. I've noticed that the type looks significantly better when it's not on that pink background, but my client is insiting on it... we might need to have a chat about that today!
I agree that it looks fine, if not great in a lot of your screenshots, especially the 300dpi. Here's a link to my test page on Linkedin, and my many attepts at getting this right. www.linkedin.com/in/kim-test
If I look at the LinkedIn page code using Chrome’s developer tools, I can see that the image gets sampled to 600px wide no matter how large your original pixel dimensions are. There’s nothing you can do about that because LinkedIn is setting the width to 600px in the HTML code:
Wow, thanks, Rob! I'm sending this to my client, and I'll try again with a 600px wide graphic. Can't hurt! This is so helpful, and it's nice to know that this isn't a design issue, it's a LinkedIn issue. Thank you!!!
Looks like there is also a fair amount of compression when your upload is converted. I’m guessing dropping down to 600ppi won’t matter. This is a magnified capture from the LinkedIn page and you can see the heavy JPEG compression, which is not in the original.
Thanks again, Rob. 600ppi didn't change a thing! I think the pink with the white text seems to maximize the compression. I'm trying to convince my client to let me change the colors. I don't have this trouble with other background colors.
Did you try png?
I did! 72 and 300 dpi.
You probably want to stay with 1200 they may be using media queries for detecting HDPI displays (ie Retina displays). The file you upload clearly isn’t being used in the page, so the format wouldn’t matter. I think any social media site is going to work like this—the page load time and file size is going to trump quality.
oh, good call on the retina displays. and - the 1200 did look better.