未分類

【趣味プログラム】画像角丸システム作りました。

2007-11-27 (火)
未分類
　手嶋守

RoundPic – rounded corners for avatars and images [web 2.0 style]
百式経由の情報ですが、アップした画像を角丸にしてくれるだけのASPサービスが紹介されていました。
アップするのは手間がかかるので、合間を見つけて自作しました。
必要な道具とテクノロジーのリストは
* phpThumb http://phpthumb.sourceforge.net/
* EasyShot http://www3.ocn.ne.jp/~gz20/software.htm
* mod_rewrite http://www.net-newbie.com/trans/mod_rewrite.html
* Charu3 ※オプション http://keiziweb.com/software.html
です。
EasyShotはWindowsの常駐アプリケーションで、画面の一部領域をスクリーンショット、保存し、特定のＦＴＰサイトに自動的にアップロードしてくれるという便利なアプリです。

このように勝手にFTPでアップしてくれます。
ここまでで十分便利だったのですが、記事を読んでしまいどうしても角丸にしたくなりました。

こうなります。
phpThumbは、画像を簡単に加工できるPHPプログラムです。
角丸にするというオプションがあるので、/ric/xxxxx.pngとリクエストが来た場合、mod_rewriteを使って内部的に
http://sc.pne.jp/index.php?src=200711271945.png&fltr[]=ric|20|20&f=png
このようなURLに渡すように作られています。
こうしてphpThumbプログラムが元の画像を角丸処理して出力するように仕掛けました。
ちょっとした配慮ですが、WEBに貼るときの気分が良くなりました。
画像角丸システム紹介ムービー
【追記】
IEではPNGの透明化が働かないようです。本プログラムのせいではないので、今後の改善テーマですね。
うちでも欲しい！と言う方は、是非ご連絡ください。