もしかして: blog.iron's.jp

ページ URL を書き換えるだけでサムネイル画像が表示できるもの

• Twitpic （ドキュメント）
  • ページ: http://twitpic.com/<image-id>
  • サムネイル画像: http://twitpic.com/show/<size>/<image-id>
    • <size>: “mini” or “thumb”
• 携帯百景
  • ページ: http://movapic.com/<image-id>
  • サムネイル画像: http://image.movapic.com/pic/<size>_<image-id>.jpeg
    • <size>: “s” or “t”
• はてなフォトライフ
  • ページ: http://f.hatena.ne.jp/<user-id>/YYYYMMDD<image-id>
  • サムネイル画像:http://img.f.hatena.ne.jp/images/fotolife/<user-idの1文字目>/<user-id>/YYYYMMDD/YYYYMMDD<image-id>_<size>.jpg
    • <size>: “120″ or “m”
• Mobypicture （ドキュメント）
  • ページ: http://moby.to/<image-id>
  • サムネイル画像: http://moby.to/<image-id>:<size>
    • <size>: “thumbnail”, “small”, “square” or “medium”
• yFrog （ドキュメント）
  • ページ: http://yfrog.com/<image-id>
  • サムネイル画像: http://yfrog.com/<image-id>.th.jpg
• PhotoShare
  • 短縮URL: http://bctiny.com/p<image-noのbase36>
  • ページ: http://www.bcphotoshare.com/photos/<user-id?>/<image-no>
  • サムネイル画像: http://images.bcphotoshare.com/storages/<image-no>/<size>.jpg
    • <size>: “thumbnail”, “large”, “thumb68″ or “thumb180″
• img.ly （ドキュメント）
  • ページ: http://img.ly/<image-id>
  • サムネイル画像: http://img.ly/show/<size>/<image-id>
    • <size>: “thumb” or “mini”
• Twitgoo （ドキュメント）
  • ページ: http://twitgoo.com/<image-id>
  • サムネイル画像: http://twitgoo.com/show/<size>/<image-id>
  • サムネイル画像: http://twitgoo.com/<image-id>/<size>
    • <size>: “thumb”, “mini” or “img”
• pic.im （ドキュメント）
  • ページ: http://pic.im/<image-id>
  • サムネイル画像: http://pic.im/website/thumbnail/<image-id>
• YouTube （ドキュメント）
  • 短縮URL: http://youtu.be/<video-id>
  • ページ: http://www.youtube.com/watch?v=<video-id>
  • ページ: http://www.youtube.com/watch#!v=<video-id>
  • サムネイル画像: http://i.ytimg.com/vi/<video-id>/<size>.jpg
    • <size>: “default”, or “hqdefault”
• imgur
  • ページ: http://imgur.com/<image-id>.jpg
  • サムネイル画像: http://i.imgur.com/<image-id><size>.jpg
    • <size>: “s” or “l”
• Lockerz（旧Plixi, その前は TweetPhoto） （ドキュメント、アナウンス）
  • ページ: http://lockerz.com/s/<photo-no>
  • ページ: http://plixi.com/p/<photo-no>
  • ページ: http://tweetphoto.com/<photo-no>
  • サムネイル:  http://api.plixi.com/api/TPAPI.svc/imagefromurl?size=<size>&url=<ページURL>
    • <size>: “thumbnail”, “small”, “mobile”, “medium” or “big”
• Ow.ly
  • ページ: http://ow.ly/i/<image-id>
  • サムネイル画像:  http://static.ow.ly/photos/thumb/<image-id>.jpg
• Instagram （ドキュメント）
  • ページ: http://instagr.am/p/<shortcode>/
  • サムネイル: http://instagr.am/p/<shortcode>/media/?size=<size>
    • <size>: “t”, “m” or “l”

短縮 URL の展開や API の利用が必要なもの

• flickr （ドキュメント）
  • 短縮URL: http://flic.kr/p/<base58-photo-id>
• brightkite （ドキュメント）
  • 短縮URL:  http://bkite.com/XXXX
  • ページ: http://brightkite.com/objects/<image-id>
  • サムネイル画像: http://cdn.brightkite.com/<image-idの先頭2文字>/<image-idの3-4文字目>/<image-id>-<size>.jpg
    • <size>: “feed” or “big”

PHP コード例

（flickr, brightkite の短縮 URL には未対応）

function getThumbnailHtml($status_text) {
    $html = '';
    $patterns = array(
        // twitpic
        array('/http:\/\/twitpic[.]com\/(\w+)/', '<img src="http://twitpic.com/show/thumb/$1" width="150" height="150" />'),

        // Mobypicture
        array('/http:\/\/moby[.]to\/(\w+)/', '<img src="http://moby.to/$1:small" />'),

        // yFrog
        array('/http:\/\/yfrog[.]com\/(\w+)/', '<img src="http://yfrog.com/$1.th.jpg" />'),

        // 携帯百景
        array('/http:\/\/movapic[.]com\/pic\/(\w+)/', '<img src="http://image.movapic.com/pic/s_$1.jpeg" />'),

        // はてなフォトライフ
        array('/http:\/\/f[.]hatena[.]ne[.]jp\/(([\w\-])[\w\-]+)\/((\d{8})\d+)/', '<img src="http://img.f.hatena.ne.jp/images/fotolife/$2/$1/$4/$3_120.jpg" />'),

        // PhotoShare
        array('/http:\/\/(?:www[.])?bcphotoshare[.]com\/photos\/\d+\/(\d+)/', '<img src="http://images.bcphotoshare.com/storages/$1/thumb180.jpg" width="180" height="180" />'),

        // PhotoShare の短縮 URL
        array('/http:\/\/bctiny[.]com\/p(\w+)/e', '\'<img src="http://images.bcphotoshare.com/storages/\' . base_convert("$1", 36, 10) . \'/thumb180.jpg" width="180" height="180" />\''),

        // img.ly
        array('/http:\/\/img[.]ly\/(\w+)/', '<img src="http://img.ly/show/thumb/$1" width="150" height="150" />'),

        // brightkite
        array('/http:\/\/brightkite[.]com\/objects\/((\w{2})(\w{2})\w+)/', '<img src="http://cdn.brightkite.com/$2/$3/$1-feed.jpg" />'),

        // Twitgoo
        array('/http:\/\/twitgoo[.]com\/(\w+)/', '<img src="http://twitgoo.com/$1/mini" />'),

        // pic.im
        array('/http:\/\/pic[.]im\/(\w+)/', '<img src="http://pic.im/website/thumbnail/$1" />'),

        // youtube
        array('/http:\/\/(?:www[.]youtube[.]com\/watch(?:\?|#!)v=|youtu[.]be\/)([\w\-]+)(?:[-_.!~*\'()a-zA-Z0-9;\/?:@&=+$,%#]*)/', '<img src="http://i.ytimg.com/vi/$1/hqdefault.jpg" width="240" height="180" />'),

        // imgur
        array('/http:\/\/imgur[.]com\/(\w+)[.]jpg/', '<img src="http://i.imgur.com/$1l.jpg" />'),

        // TweetPhoto, Plixi, Lockerz
        array('/http:\/\/tweetphoto[.]com\/\d+|http:\/\/plixi[.]com\/p\/\d+|http:\/\/lockerz[.]com\/s\/\d+/', '<img src="http://api.plixi.com/api/TPAPI.svc/imagefromurl?size=mobile&url=$0" />'),

        // Ow.ly
        array('/http:\/\/ow[.]ly\/i\/(\w+)/', '<img src="http://static.ow.ly/photos/thumb/$1.jpg" width="100" height="100" />'),

        // Instagram
        array('/http:\/\/instagr[.]am\/p\/([\w\-]+)\//', '<img src="http://instagr.am/p/$1/media/?size=t" width="150" height="150" />'),
    );

    foreach ($patterns as $pattern) {
        if (preg_match($pattern[0], $status_text, $matches)) {
            $url = $matches[0];
            $html = preg_replace($pattern[0], $pattern[1], $url);
            $html = '<a href="' . $url . '" target="_blank">' . $html . '</a>';
            break;
        }
    }

    return $html;
}

関連リンク

• FlickrのURLからサムネールを取得する – Okiraku Programming
• Show on Twitter: Twitter 等のサイト上でサムネイルを表示する Google Chrome extension

Tags: php, twitter

This entry was posted on Wednesday, December 23rd, 2009 at 11:08 pm and is filed under 記事. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.