Jump to content

Recommended Posts

Hi guys, im posting here as i've tried to find the answer to my question but im now really struggling.

I've taken photos of all my new products for my website and im really happy with the quality, however when uploading to facebook they loose far too much quality and even go a little discoloured. 

Now as i can't find any step by step guides on how to export from Affinity and then upload to facebook, i've had to watch a similar video but with photoshop instead. 

IT SAYS....

  1. Export at 2048 x 2048
  2. Select SRGB
  3. Reduce file quality so file size is below 100kb

I've uploaded the photo as it appears on my businesses facebook page. Note the discolouration on the concrete heads cheeks. Blurriness of the coloured pots and clock strap. I'm just not happy with it but what do you think? My competitors photos seem to be a little better

Thank you all for any help you send my way, I'm in need of it!

 

Steve

 

 

29063504_1557475854371009_90424566412738560_o.jpg

Share this post


Link to post
Share on other sites

I'm not clear what the problem is - are you exporting the images in Affinity and getting poor results, or is it only after you've uploaded to Facebook that there's a problem?


AP user, running Win10

Share this post


Link to post
Share on other sites

Is there a reason why it has to be 2048×2048 pixels? If the file size has to be below 100KB then an image of this size is going to be of bad quality due to high compression. And I can’t think of any circumstance where these dimensions are even used to their full potential. The majority of people are using Facebook on their smartphones with their tiny displays. Even double pixel density doesn’t really matter because people won’t see a big difference (and what good does a high resolution image if it’s of bad quality due to high compression?).

So, if you could do with smaller dimensions (I’d say arbitrarily 1600px max.) it would help you get better image quality because it doesn’t have to be compressed that much to stay below 100KB.

Share this post


Link to post
Share on other sites

If I download your image it is 215kb! I find that I cannot export it at anything less than 125kb at 0% quality. As you might expect, the quality of this image is execrable.

2048atMink.thumb.jpg.10f845313c92a51280e70dfa4ca690d0.jpg

John


Windows 10, Affinity Photo 1.7 and Designer 1.7, (mainly Photo), now ex-Adobe CC

CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630

Share this post


Link to post
Share on other sites
1 hour ago, VIPStephan said:

So, if you could do with smaller dimensions (I’d say arbitrarily 1600px max.) it would help you get better image quality because it doesn’t have to be compressed that much to stay below 100KB.

 

I don’t use Facebook, but I’ve read that 960px is a standard size (which should be more than adequate for most purposes). You could even go down to 720px, which was apparently the maximum size a few years ago.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Facebook Quote:
 

We automatically resize and format your photos when you upload them to Facebook. To help make sure your photos appear in the highest possible quality, try these tips:
  • Resize your photo to one of the following supported sizes:
    • Regular photos: 720px, 960px or 2048px wide
    • Cover photos: 851px by 315px
    • To avoid compression when you upload your cover photo, make sure the file size is less than 100KB
    • Save your image as a JPEG with an sRGB color profile

https://www.facebook.com/help/1703757313215897/?helpref=hc_fnav

 

But you can upload pics with 2048px  wide and 5 - 10 MB without any problems. Facebook resize your pics in a good quality.
You can check it any time on your account. switch your privacy (Who should see this?) to ONLY ME ....

 


MacBook Pro, iMac, Sierra 10.12.6

500px.com/maxxxworld

www.instagram.com/markus_linner

Share this post


Link to post
Share on other sites

@Maxxxworld Some nice photo's on your instagram thumbup.gif

 

@SteveSmith I'm one of those viewers who always grumbles under his breath when I get crap images of products, so I know where you are coming from wanting to get the best image viewable. 

Taking images at a smaller resolution before compression is a good choice, there is no point in creating information that is going to be thrown away. This prevents unnecessary compression so you are losing less and retaining more. Considering the world today 100Kb is not a very realistic size for FB to be touting. Personally I would focus more on retaining quality and less on file size, then upload the images and see what happens, if the images look good go and have a Tea and a biccy and have a pat on the back moment ;)

 

I think 960px is fine for viewing, I don't think 2048px gives you anything more, also remember that a lot of people view on laptops @ 1366 x768 or something like that and will have not much more that a 15.6" screen, Desktopers will have the same or a bit more, and that screen will be set at 1080 x 1920. So, a 2048px image viewed at 100% is going to have to be scrolled. Obviously there are gamers with the mandatory 3 screens at 32" and us Apple bunnies with 27" and retina but the majority will be fine with 960px and even 720px 

 

Screen Resolution Stats


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - FeedbackInstagram & Flickr

Share this post


Link to post
Share on other sites
1 hour ago, firstdefence said:

@Maxxxworld Some nice photo's on your instagram thumbup.gif

 

And on 500px, too! thumbup1.gif


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.3.155 • Designer for iPad 1.7.3.1 • iOS 12.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Guys you've all been incredibly helpful, thank you very much. Ive been in this mindset (honestly) that 2048 is the higher pixel density which equals better quality. I use a MacBook retina 15" so maybe i notice when the quality isnt there due too lower res images but like a lot of you day most use smart phones. 

 

9 hours ago, IanSG said:

I'm not clear what the problem is - are you exporting the images in Affinity and getting poor results, or is it only after you've uploaded to Facebook that there's a problem?

 

Thanks for your comment, the answer is no, im getting great results when i export from affinity, the pics look very professional, its only that social media upload i struggle with and i have GOT to nail this as social media will make up a lot of whats my business is once i go live. 

 

4 hours ago, Maxxxworld said:

Facebook Quote:
 

We automatically resize and format your photos when you upload them to Facebook. To help make sure your photos appear in the highest possible quality, try these tips:
  • Resize your photo to one of the following supported sizes:
    • Regular photos: 720px, 960px or 2048px wide
    • Cover photos: 851px by 315px
    • To avoid compression when you upload your cover photo, make sure the file size is less than 100KB
    • Save your image as a JPEG with an sRGB color profile

 

 

Thanks for your comment, i read this exact piece from facebook, saw they SUGGESTED 2048 and so i went along with it thinking it must be ok. 

 

 

 

TO EVERYONE

Ok it makes sense now, apologies, im a bit of a newb at this but im learning. Im assuming then that when i upload to instagram, i need to go even smaller (because instagram is purely mobile only)

 

Thank you guys, any more knowledge to share please feel free, i've got a lot to learn!

Share this post


Link to post
Share on other sites
6 hours ago, Maxxxworld said:

Facebook Quote:
 

We automatically resize and format your photos when you upload them to Facebook. To help make sure your photos appear in the highest possible quality, try these tips:
  • Resize your photo to one of the following supported sizes:
    • Regular photos: 720px, 960px or 2048px wide
    • Cover photos: 851px by 315px
    • To avoid compression when you upload your cover photo, make sure the file size is less than 100KB
    • Save your image as a JPEG with an sRGB color profile

https://www.facebook.com/help/1703757313215897/?helpref=hc_fnav

 

But you can upload pics with 2048px  wide and 5 - 10 MB without any problems. Facebook resize your pics in a good quality.
You can check it any time on your account. switch your privacy (Who should see this?) to ONLY ME ....

 

 

I have to say your photos are absolutely beautiful. At what size do you upload to insta? i see 500px, is that correct?

Well done

Share this post


Link to post
Share on other sites

One final question to all, what do i check with the 'more' screen when exporting? I know im meant to change ICC PROFILE to SRGB (i think?) but what about the other options?

 

Thanks everyone

Screen Shot 2018-03-13 at 18.51.09.png

Share this post


Link to post
Share on other sites

You can save file size if you don’t embed an ICC profile (however, I don’t know what effect this will actually have in a browser; as far as I know nobody has complained so far) and meta data, so that could help, too. Progressive JPEGs can help when loading the images (see https://www.thewebmaster.com/dev/2016/feb/10/how-progressive-jpegs-can-speed-up-your-website/) but this might be irrelevant for Facebook, as they might be processing the image further.

Share this post


Link to post
Share on other sites
11 hours ago, SteveSmith said:

 

I have to say your photos are absolutely beautiful. At what size do you upload to insta? i see 500px, is that correct?

Well done

thank you @SteveSmith.  I upload to Insta any sizes. If I edit in AP, I export a file size from 3 - 5 MB in 3000px wide more or less, min 1080px.


MacBook Pro, iMac, Sierra 10.12.6

500px.com/maxxxworld

www.instagram.com/markus_linner

Share this post


Link to post
Share on other sites
3 hours ago, Maxxxworld said:

thank you @SteveSmith.  I upload to Insta any sizes. If I edit in AP, I export a file size from 3 - 5 MB in 3000px wide more or less, min 1080px.

Hang on, im completely confused. So your now saying you upload images to insta at 3000px? Surely thats a massive file size and will get compressed to hell? This is going against what you and everyone has said all throughout this thread isnt it? What and i not understanding here?

 

Thank you

Share this post


Link to post
Share on other sites
2 hours ago, SteveSmith said:

Hang on, im completely confused. So your now saying you upload images to insta at 3000px? Surely thats a massive file size and will get compressed to hell? This is going against what you and everyone has said all throughout this thread isnt it? What and i not understanding here?

 

Thank you

@SteveSmith it depends on what you want. E.g. Insta is a hobby. I don´t check the quality. Sometimes I upload pics 6000x4000px from AP. The compression from Instagram AND Facebook is sometimes very well. If I don´t like the result, I resize the photos, especially when I combine Photos & Text or there are delicate color gradients.
How ever, create a new Facebook Page. But do not publish the page to public! Then test, test, test ... view the results on mobile devices and so on. Only the cover photo makes sometimes troubles.  So I try again and again. 
Most of my photos are exactly the suggested PIXEL sizes, but in HIGH Quality. 

Take a look to my looooooong att. file !!!

Source: websitehub.com

(hope you can read my bad english)

social-media-image-size-2018.jpg


MacBook Pro, iMac, Sierra 10.12.6

500px.com/maxxxworld

www.instagram.com/markus_linner

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.