Webwide is the inclusive discussion community for web designers, developers & makers.

Whether you're an enthusiast, in training, or a seasoned pro – you'll fit right in at Webwide. Creating an account is fast, easy and completely free so you can start participating right away.

Read our Code of Conduct

Free Membership Benefits

  • Participate in hundreds of interesting discussions
  • Network with industry peers and make new connections
  • Show off your own projects and relevant content
  • Get help and feedback for your coding and designs
  • Buy and sell services and resources in the marketplace
  • Participate in our friendly community challenges
  • Earn trophies and work your way up our leaderboards
  • Enjoy exclusive Webwide member discounts and offers
  • ...and so much more!

📸 How to upload a high quality Twitter profile picture

Adam

Mr. Webwide
Administrator
Joined
Sep 24, 2019
Messages
672
Reaction score
613
Points
765
Location
United Kingdom
Local Time
Today, 23:33
Pronouns
he/him
Uploading profile pictures and cover photos via the Twitter web interface results in a highly compressed, pixelated JPEG version of your logo being the final version.

This picture was uploaded via the web interface. Notice the blurry edges, shifted colours (compared to below) and JPEG artifacting present.


Screenshot 2019-12-11 at 22.35.54.png

Now, there are certain Twitter apps out there that seem to skip or minimise this optimisation process. The ones I've found that work so far are:
  • Twitter for Mac (old discontinued version)
  • Tweetbot for iOS
  • Twitterrific for iOS
I'm sure other 3rd-party apps work too but these are ones I have managed to try! I am guessing they use a different method for uploading the images to the official apps and website via the API. Uploading via these apps also seems to keep alpha channels in PNG so you can use transparency. Here's what the same picture looks like uploaded in the old Twitter for Mac.

Screenshot 2019-12-11 at 22.40.20.png

Crystal clear much sharper lines! It is not as obvious on photos but flat vector style images can really benefit from this treatment.

Give it a go and let me know what you think of the improvements!
 
Last edited:
  • Like
Reactions: avena

nick

Member
Gold Member
Joined
Oct 13, 2019
Messages
38
Reaction score
38
Points
70
Location
Victoria, BC
Local Time
Today, 15:33
Website
nrempel.com
Pronouns
he/him
Interesting, what about an animated avatar? I’ve seen those before but they are rare.
 

Gummibeer

Well-known member
Joined
Oct 5, 2019
Messages
712
Reaction score
552
Points
635
Age
26
Location
Hamburg, Germany
Local Time
Tomorrow, 00:33
Website
gummibeer.de
Interesting that Twitter doesn't follow one of the most basic principles for web applications. 😱🤯
Don't use different business logic for the same things available via different endpoints.