How to Save Page and Keep 100% Formatting Fof Fb Upload

When you upload your image to Facebook or Instagram, are you noticing a loss in image quality? Are you lot uploading optimized images for social and the web? 

Every so oft I encounter comments like "Facebook ruins images" or "Facebook/Instagram pinch sucks" when they mentioned their photo quality sucks. Well, are you lot uploading images optimized for social media sites? If not, that could be hurting your images.

When you search online to discover out what are the best settings for Facebook, most of the answers are pretty consistent when it comes down to what size performs the best. The residual of the settings vary based on who it'due south coming from. With Instagram, there are even more than inconsistencies between what is the best file settings and sizes to apply when to save your images. It'southward piece of cake to get confused on what are truly the all-time settings.

Recently, I decided to test out a few of the different settings that others recommend to run across if I or others could detect a difference and try to find out what settings are in fact the best to apply... that is until they update how images are processed in their system.

Before these tests, the settings I used for image uploads for both platforms were optimized for Facebook. I used to salve the images as PNG but at some point, I switched to JPEG, if I recall it was because some other site I used to upload images to wouldn't accept PNGs. I would utilise the "Save for Web" feature under "Export" in Adobe Photoshop and ready the longest edge to 2048 px. I had "Convert to sRGB" selected and left the quality at 100 along with all the other settings.

Facebook

(Yeah, I need to go my camera cleaned and I missed some dust spots on editing)

Settings

1. Relieve for Spider web, format JPG, quality 100, longest edge 2048 px, Convert to sRGB on, File Size 1.6 mb
2. Save for Web, format PNG-24, quality Bicubic, longest border 2048 px, Convert to sRGB on, File Size three.4 mb
3. Save for Spider web, format JPG, quality 100, longest edge 2048 px, Convert to sRGB on, Progressive on, File Size one.four mb
4. Salvage for Web, format JPG, quality 100, longest border 2048 px, Convert to sRGB on, Optimized on, File Size 1.5 mb
5. Resized paradigm longest edge 2048 px, Save As JPG, Quality 12 Maximum, Embed Color Profile: sRGB plough on, file size i.vi mb
6. Resized paradigm longest edge 2048 px, Save As JPG, Quality 8 High, Embed Color Profile: sRGB turn on, file size 349 kb
7. Resized image longest edge 2048 px, Salvage As PNG, Format Options big file size, file size xiii.6 mb
8. Resized image longest edge 2048 px, Relieve Every bit PNG, Format Options medium file size, file size 13.2 mb
9. Relieve for Web, format JPG, quality 80 very loftier, longest edge 2048 px, Convert to sRGB on, File Size 640 kb
10. Salve for Web, format JPG, quality threescore high, longest edge 2048 px, Convert to sRGB on, File Size 361 kb

For the virtually part, when people gave their opinion on which image was the best,1, 5, and 6 were the more pop choices with a few of the others getting a mention. Some said 5 was the sharpest of all.

Instagram

Settings

1. Save for Web, format JPG, quality 100, longest edge 2048 px, Convert to sRGB on, File Size 2.5 mb
2. Salve for Web, format JPG, quality 100, width 2160 px, Convert to sRGB on, File Size 4.2 mb
3. Save for Web, format JPG, quality 100, width 1080 px, Convert to sRGB on, File Size ane.i mb
4. Save for Spider web, format JPG, quality 100, longest border 1200 px, Catechumen to sRGB on, File Size 846 kb
5. Save for Spider web, format PNG-24, quality Bicubic, longest edge 2048 px, Convert to sRGB on, File Size five.ii mb
6. Saved image from Instagram bulletin based on settings from 1, image is now 640 px 10 800 px, file size 93 kb
7. Saved image from Facebook Messager based on settings from 1, image stayed the same dimensions, file size 514 kb
8. Resized image width 1080 px, Save As JPG, Quality 8 High, Embed Color Profile: sRGB plough on, file size 256 kb
9. Save for Web, format JPG, quality 80 very high, width 1080 px, Convert to sRGB on, File Size 463 kb

I have heard some people say upload a larger size, while some follow what Instagram has said regarding dimensions. For this beginning circular, settings on 3 were the most pop when people could option, followed by 4 and 5 in that club. A few mentions for other numbers but none for six. Since some people ask to receive the images outside of messenger because they fear the loss of quality, I wanted to examination if people could really tell. As you can come across from the settings above, the prototype does become reduced in size, with the quality not looking groovy as this was the but option no one selected. Saved from Facebook is a different story with a few picking that equally the best option and the dimensions were not changed upon downloading. I decided to do another round of tests to meet out of the more popular choices if I would get the same results. Yous can see those settings below, I also mixed up the lodge and then information technology wouldn't be the verbal same.

Settings

1. Salvage for Web, JPG, quality 100, 1080 px width, Convert to sRGB on, File Size 569 kb
2. Save for Web, JPG, quality 80, 2048 px longest side, Catechumen to sRGB on, File Size 237 kb
3. Save for Web, JPG, quality 100, 2048 px longest side, Catechumen to sRGB on, File Size 2.2 mb
4. Salvage for Web, JPG, quality 100, 1200 px width, Convert to sRGB on, File Size 715 kb
5. Salvage for Web, PNG, quality 100, 2048 px longest side, Catechumen to sRGB on, File Size 4.8 mb

This fourth dimension effectually, choice 4 was the articulate winning, with option 1 and 5 tying for the 2d place, a few mentions for the other two options.

Determination

Equally expected, when users view images on a small screen like their smartphones, they aren't able to encounter much, if whatsoever difference betwixt the images. Since both social media sites can be viewed on a desktop, and depending on how big and proficient your screen is, this is where y'all will exist able to notice about of the divergence.  Similar to some other arguments, clients and most users volition non meet a difference just other photographers that pixel peep images will encounter the advantages from one setting over the other.

If you are uploading a bad paradigm, to begin with, information technology'due south not going to get better when it's posted on either platform. Some people commented on which paradigm they thought looked best while some others specifically said which images they saw to exist the sharpest. To me, sharper doesn't ever mean it's better. With about people not being able to tell a difference, I am not sure if I volition start creating split versions for each. If you do make up one's mind to salvage multiple versions of the images, utilize Capture I'southward recipe features then save some time, if you are a Photoshop user, create yourself an action to speed upwardly the process. Lightroom users, save some export presets and so you don't take to re-input the different sizes each fourth dimension.

What settings did yous find showed the best image quality to you? Would you change your file settings from one of the tested settings for hereafter uploads?

Staff writer Alex Ventura is a professional photographer based out of the Houston area that specializes in automotive and glamour with the occasional adventures into other genres. He regularly covers automotive related events for Houston Streets & Spekture with some publications in the United States.

Related Articles

Postal service Production / May 8, 2014

Education / Baronial 9, 2020

Didactics / March 22, 2020

malonedeston1975.blogspot.com

Source: https://fstoppers.com/education/best-export-settings-photos-facebook-and-instagram-532621

Share this post