Well ongoing from my why you need to stop using TwitPic right now post I decided that the safest route to protect my images was to go self-hosting.
Initially, I looked into a Wordpress plugin that could do the job for me and to tell you the truth the plugin is very good. Anyway, the reason I didn't decide to use it was that in the future I intend to do a blog overhaul and had no intention to run my tweeted images through Wordpress, so I decided to write my own way of tweeting images.
Responsive ImagesWith all this newish talk on Responsive Web Design I thought I would do a little investigating but really all I needed was responsive images as really don't have the time for designing/coding a new site. So I put a little something together just so I can get my tweeted images away from ANY third party photo sharing sites.
In the end I went with an experimental idea from the filament group which was exactly what I was looking for short term, it's not perfect and in the long term I will be looking at a better solution. Taken from their website:
The goal of this technique is to deliver optimized, contextual image sizes for responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this approach will allow developers to start with mobile-optimized images in their HTML and specify a larger size to be used for users with larger screen resolutions — without requesting both image sizes, and without UA sniffing.Quite simply it puts a low resolution image up to start with and then will update it with a full resolution image if they have larger screen resolutions. It works perfect on my iPhone and I also have tried it out on Windows Phone.
I have sketched out my plans for the front page and also will add some other neat features in the near future.Example
TweetBot Image Upload ProblemsNow that TweetBot has added a Custom API Endpoint for image uploads some of you may have issues if you created your own site to interact with it. The problem is that some third party services respond to the TweetBot API with an xml format simliar to below.
It doesn't understand that and even though the photo will be posted fine it will not send the tweet and come up with some sort of error, to get around this you can either change to a JSON response or just give it the following text.