Why does my design look blurry when I upload it on Facebook?

You have created a design in Canva and downloaded it perfectly to share and post on Facebook. However, the image on your design appears blurry and with poor quality. The reason for this is Facebook compresses uploaded images to save space.

Article Summary

  1. When your design looks blurry after uploading it on Facebook, it is due to an unwanted effect known as compression artifact. JPEG images are particularly vulnerable to it.
  2. To avoid compression when you upload your photo, make sure the file size is under 100KB and select the High Quality option when you upload. 
  3. Create a custom dimension larger than the template so the elements/images in the design isn’t affected once design is compressed in the upload process.

The Facebook templates (Facebook post & Facebook cover) in Canva is within Facebook’s suggested/recommended size.

However, sometimes it occurs that in the process of uploading the image to Facebook, it gets compressed and causes the image to get blurry/pixelated.

 

Troubleshooting

To prevent this from happening, you can refer to the following tips:

1. Upload images less than 100kb.

2. Create a custom dimension larger than the pre-set template. 

For Canva for Work subscribers, you can resize your existing design, then set the dimensions to a width and length that’s larger than the pre-set template (ie. Facebook Post template is at 940 x 788px, you can create a custom one in 1000 x 850px or more).

 

To make sure your photos appear in the highest possible quality, try these tips:

  1. Resize your photo to one of these supported sizes: 720px, 960px, 2048px (width) for regular photos and 851px x 315px for cover photos.
  2. If you use a 2048px photo, make sure to select the High Quality option when you upload it.
  3. To avoid compression when you upload your design, make sure the file size is less than 100KB.
  4. Save your image as a JPEG with an RGB color profile.

If none of these methods clarify the image, please get in touch with our support team and report an issue now.

Hi there,

Thanks for your message, I'd be glad to help out with this!

The reason why your design gets blurry when uploaded to Facebook is because Facebook compresses uploaded images to save space.

To avoid pixelation or blurriness when you upload your photo to Facebook, increase the height and width of your design (no of pixels) by 2x. Also ensure you upload files smaller than 100kb.

Alternatively, you can also create a design with custom dimensions larger than the current template you are using. Thus, elements in the design won't be affected as much once the design is compressed in the Facebook upload process.

More information can be found in the following Help Centre article:

Why does my design look blurry when I upload it on Facebook?

I hope this helps, please let me know if you need any further assistance!

Was this article helpful?

What can we do to improve this article?

Sorry, you cannot submit an empty comment.
Thank you for your feedback!
Powered by Zendesk