Checklist for Uploading Saving Photoshop for Best Quality

April 14, 2022 Post a Comment

For pictures on your feed, Twitter don't appear to restrict united states nearly as much as Facebook does, then posting a decent quality picture to a feed should be relatively like shooting fish in a barrel, right? Well, information technology's trickier than you might think. This Quick Tip aims to get your JPEGs displayed in the all-time way possible.

Twitter Feed Pictures

Twitter has given usa these guidelines:

twitter guidelines — Twitter'due south Guidelines

Nosotros're focusing on JPEG in this Quick Tip so all examples are in that format. Information technology would seem that with a 5MB limit we already accept a lot more to play with than Facebook. Simply is that necessarily the case? A 5MB file might be compressed by Twitter down to the same equally a 3MB or a 1MB file with varying states of baloney. And so permit'due south find out!

I uploaded three versions of my higher up example to my Twitter Feed; a 3000px (four.2MB) file, a 2000px (2.2MB) file and a 1000px (734kb) file. This is how they came out:

pictures after twitter compression — Pictures later Twitter Pinch

I saved each image which had been auto-resized to 600px by Twitter (you can only save the preview only I could screen capture the full-view version which you see above) and noticed that the file sizes were very interesting.

The 3000px 4.2MB epitome had come out at 47.2kb , the 2000px 2.2MB at 47.5kb and the 1000px 734kb at 52.4kb . So the larger of the images had actually gone down to the smallest size. Interesting when you look at the compression on each. The largest paradigm has some pinch artefacts but it'due south too lost a lot of its sharpness across the whole epitome. The smallest is now the largest file size, simply the compression is very pronounced effectually the outlines of the people.

As in the case of Facebook, it seems that larger images off-white better; only not likewise large. In my own experience, somewhere around 1500-2000px is about right and if you can lower the file size with Adobe Photoshop's Save For Web choice then all the better.

Header Photos

This is my example:

Upload of a Loftier Resolution Image

Firstly I tried this at very high resolution,5000px wide and 8MB – the max Twitter will allow is 10MB.

large resolution twitter header — Large resolution Twitter header

That looked pretty good to me. Information technology's cropped in a picayune simply every bit it was a hi-res image, that'due south okay. You lot can see in that location's very piffling visible compression here.

I was pretty smug, until I striking save:

after saving — The pinch later on saving was pretty bad

The compression happened subsequently saving the good looking image. You can at present see pinch around the edges and an overall loss of sharpness

And then what if nosotros upload the same affair but later on resizing to Twitter's recommended 1500 10 500px?

Upload of Twitter's Recommended Size Image

Recommended size for twitter header — Twitter's recommended header size

It'southward cropped in similar the other did but the compression is nowhere near as bad. Here are the comparisons adjacent:

comparisons at 100 — Comparisons of a large size and Twitter'south recommended size at 100%

You tin run across the loss of definition in both but the one on the left is far worse, with quite visible distortion, especially around the writing on the boat.

What If...

Twitter's guide'due south conspicuously worked amend than a full size image but I wondered; what if I took their size, kept the same ratio but doubled the size. I created a 3000px by 1000px epitome and tried that:

Twitter header ratio doubled — I tried doubling Twitter's recommendation, 3000 x 1500px

Aha! This looks much meliorate to me; there are still signs of compression but you can run into from the 100% preview in the corner, the writing on the boat is much clearer and the edges of objects have far less visible artefacting.

Summary

3rd party websites are ever going to compress our images, we simply accept to find the all-time way possible of displaying them with these restrictions. Their guidelines are there for a reason but that'southward not to say having a play around won't get you better results.

Getting the all-time results for feed images

Upload a large(ish) size, ideally between 1500px-2000px
Save at maximum quality possible
Reduce the file size with Relieve For Web

Getting the best results for cover images.

3000px by 1000px worked well for me
Information technology must be under 10MB
It will crop in but the results will be far meliorate than resizing to the recommended 1500px by 500px

Dewitt Encted