So I wanted to add some twitter follow buttons to Puppy Hunt but ran into a dilemma. I wanted to use the official twitter follow button that everybody is used to seeing from the web, but it is only 20 pixels high by 61 pixels wide. That would work just fine on the original iPhone screen resolution, but would be a pretty small button on the iPad. It would also be positively tiny on iPhone 4′s Retina screen.
So I set out to replicate the follow button as true to the original as possible, but in much higher resolution. Following are the results of my trials and tribulations.
 Twitter Follow Button at 80 by 244 pixels |
 Twitter Follow Button at 60 by 184 pixels |
 Twitter Follow Button at 40 by 123 pixels |
|
 Twitter Follow Button -- Original Size |
 Original Twitter Follow Button |
If you compare the bottom two, the one on the left is my twitter button scaled down to the original size. The one on the right is the original twitter button. They aren’t exactly the same, but they are pretty darn close. If you think you can do better, download the source photoshop file below, tweak it, and let me know how you do.
Enjoy!!
Pingback: Pile buttons | Dinkiwinki
Pingback: Twitter Follow Button for iOS – Code | Chris' notes
Joseph – fantastic images. Thanks for sharing them!
I threw together an iOS implementation of a follow button using your images and have posted it up on Github for the world – crediting the images of course!
Github and source download available here: http://www.chrismaddern.com/twitter-follow-button-for-ios-code/
Hope that that’s cool – thought I’d let you know!
Chris