TwI PNGとは?
「TwI PNG」はTwitterにアップロードしたPNG画像がJPEG画像に変換されるのを防ぐための画像変換ツールです。
2月にTwitterの仕様変更でpngが自動でjpegに変換されてしまうようになったのでなんとか回避しようと思い色々ためしました。
1pxでも不透明度が99%以下なら変換が行われないことが分かったのでこれならWeb上で実装できると思い作りました。
はじめはHTML5のcanvasを使い画像を読み込み透過してdataURLにして保存するという簡単な仕様でした。
ですがdataURLだと大きな画像になると動作が不安定になったため一度Blobにしてから保存する方法をとりました。
GitHub Pagesでホスティングしています。
現在はTwitterの仕様変更により使えなくなっています。
サイト
ソースコード
ソースコードはGitHubで公開しています! MIT Licenseです。
totoraj930/twi-png: Twitter用PNG変換ツール
参考にしたサイト
紹介ツイート
ツイートしたアカウントが凍結したのでみれません
TwI PNG - Twitter用PNG変換ツール https://t.co/7mt9ncbA1B
— totoraj (@totoraj930) 2016年2月27日
TwitterでかってにJPEGにならないようにする画像変換ツール作りました!
こんな感じでPNGでうpできます・・・。 pic.twitter.com/Rp8fN48X2v
制作時間
- デザイン: 約1時間
- JavaScript: 約4時間
- HTML & CSS: 約2時間