Okay I will try to be short and clear.
I've been doing social media designs for a mental health client and most of his brand colors are bright one. When they upload the design I've made and I check it on social platforms and zoom in I find the text looks pixelated and like there is distorted box around it making the design looks ugly when zooming in. I've uploaded some designs just to see how it looks like.
I am using 1080*1080 or 1200*1200 res 72 - color mode: rgb: srgb. and I export the design from "Quick Export as" Png 24.
*The Design looks good before it gets uploaded on internet. Thanks for your time, everyone.
Hey @abdon44496373. Welcome to the Photoshop Community. I'll clarify this for you.
Most social media platforms have their compression methods & it is likely to compress & degrade the quality of your output.
You can save the outputs in PNG instead of JPEG to save some quality.
You can check these similar threads for other suggestions. A very recent one: https://community.adobe.com/t5/photoshop-ecosystem-discussions/how-to-get-sharp-images-on-facebook-l...
A slightly older thread that points to a third party resource: https://community.adobe.com/t5/lightroom-classic-discussions/facebook-changing-low-resolution-images...
Let me know if it helps. Thanks!
@Sameer KHello Sameer, thanks for your reply, actually I am exporting my design in PNG format and JPEG is a lossless type which means it is not meant to be used on web. I know that facebook and other platforms tend to decrease and compress the size of the image, but it is so annoying like I am also using the recommended sizes like 1:1 ratio and so on..
Can you post the look on Facebook?
@AbamboHello, Idk if it allowed, but you can take a look at the post's link on facebook, this is one of the examples. https://www.facebook.com/alexrecoverycenter/posts/pfbid026i9qUJYf1UVdA9Aaogk8PJxaWjvuZtQyDybbz6LEVZe...
Some people told me it maybe a colors problem due to the bright colors, I don't face low quailty or anything in dark designs but this client 99% use bright colors like blue, green.
Follow Facebooks recommended image dimensions & bandwidth specs to the letter. If you optimize your images for the web beforehand, you'll get better results.
Your Facebook profile picture will display at 170 x 170 pixels on desktop. But it will display as 128 x 128 pixels on smartphones.
Resource: Get more tips on creating great Facebook cover photos.
Facebook automatically resizes and formats your photos when they are uploaded for the timeline to be 500 pixels wide and to fit the 1.91:1 aspect ratio.
But avoid pixelation or slow load times by remembering these sizes:
Hope that helps.
@Nancy OSheaHello Nancy, thanks for your tips and valuable information. I am mostly using all the sizes like 1080*1080 and 1200*1200 but the problem with this client maybe from the colors and I don't have exclamation for such thing and how to fix it. You can take a look at the design on their fb page. https://www.facebook.com/alexrecoverycenter/posts/pfbid026i9qUJYf1UVdA9Aaogk8PJxaWjvuZtQyDybbz6LEVZe...
The desaturated model on a white background doesn't give you much to work with. But I'm not seeing any distortion or unsightly pixelation. It looks about as expected for a web page.