Participant

Question

Design uploaded low quality on Facebook

Forum|Forum|2 years ago
April 20, 2023
4 replies
5406 views

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.

D

Deena Montillo

Participant

I'm having a similar problem.

Nancy OShea

Community Expert

Follow Facebooks recommended image dimensions & bandwidth specs to the letter. If you optimize your images for the web beforehand, you'll get better results.

Facebook profile picture size: 170 x 170 pixels (on most computers)

Your Facebook profile picture will display at 170 x 170 pixels on desktop. But it will display as 128 x 128 pixels on smartphones.

Facebook image sizes for cover photos: 851 x 315 pixels (recommended)

Display size desktop: 820 x 312 pixels
Display size smartphone: 640 x 360 pixels
Minimum size: 400 x 150 pixels
Ideal file size: Less than 100KB

Tips

To avoid any compression or distortion, upload a JPG or PNG file.
Use the recommended pixel sizes for the fastest load times.
Profile pictures and cover photos with logos or text work best when uploaded as a PNG file.
Don’t drag to reposition once you’ve uploaded your cover photo.

Resource: Get more tips on creating great Facebook cover photos.

Facebook timeline photo and post sizes:

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:

Recommended size: 1200 x 630 pixels
Minimum size: 600 x 315 pixels

Tips:

If you are sharing 2-10 images in your brand’s Facebook post using the carousel display, images should be 1200 x 1200.
This is a 1:1 ratio.

Facebook event cover photo image sizes: 1200 x 628 pixels (recommended)

Tips

This is about a 2:1 ratio.
The size of your event cover photo can’t be edited after it’s been added to an event.

Facebook image sizes for panorama or 360 photos:

Minimum image size: Facebook says that it should be “30,000 pixels in any dimension, and less than 135,000,000 pixels in total size.”
Aspect ratio: 2:1

Tips

Facebook automatically recognizes and processes these images based on “camera-specific metadata found in photos taken using 360-ready devices.”
Files for these Facebook images can be up to 45 MB for JPEGs or 60 MB for PNGs.
Facebook recommends using JPEGs for 360 photos and ensuring files aren’t bigger than 30 MB.

Facebook image sizes for Facebook Stories: 1080 x 1920 pixels (recommended)

Tips

Facebook Stories take up the full screen of a phone. That’s an aspect ratio of 9:16.
Don’t choose an image with a width smaller than 500 pixels.
For Stories with text, consider leaving 14% of the top and bottom text-free. (That’s 250 pixels.) That way any call-to-action won’t be covered by your brand’s profile photo or buttons.

Facebook image sizes for ads:

Sizes for Facebook Feed ads: At least 1080 x 1080 pixels. Minimum size 600 x 600 pixels. Ratio 1.91:1 to 1:1. Maximum file size of 30 MB.
Sizes for Facebook Right Column ads: At least 1080 x 1080 pixels. Minimum size 254 x 133 pixels. Ratio 1:1. (Remember: These are a desktop-only ad format.)
Facebook image sizes for Instant Articles: At least 1080 x 1080 pixels. Ratio 1.91:1 to 1:1. Maximum file size of 30 MB.
Image sizes for Facebook Marketplace ads: At least 1080 x 1080 pixels. Ratio 1:1. Maximum file size of 30 MB.
Image sizes for Facebook Search: At least 1080 x 1080 pixels. Minimum size 600 x 600 pixels. Ratio 1.91:1 to 1:1. Maximum file size of 30 MB.
Facebook image sizes for Sponsored Messages: At least 1080 x 1080 pixels. Ratio 1.91:1 to 1:1. Maximum file size of 30 MB.
Sizes for Messenger inbox ads: At least 1080 x 1080 pixels. Ratio 1:1. Minimum size 254 x 133 pixels. Maximum file size of 30 MB.
Sizes for Messenger Stories ads: At least 1080 x 1080 pixels. Ratio 9:16. Minimum width of 500 pixels.

Hope that helps.

Nancy O'Shea— Product User & Community Expert

abdon44496373Author

Participant

@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/pfbid026i9qUJYf1UVdA9Aaogk8PJxaWjvuZtQyDybbz6LEVZedzsxW54Y3wMFF712ANFZAl

Nancy OShea

Community Expert

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.

Nancy O'Shea— Product User & Community Expert

Abambo

Community Expert

Can you post the look on Facebook?

ABAMBO | Hard- and Software Engineer | Photographer

abdon44496373Author

Participant

@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/pfbid026i9qUJYf1UVdA9Aaogk8PJxaWjvuZtQyDybbz6LEVZedzsxW54Y3wMFF712ANFZAl

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.