Movable Type 備忘録

 SimpleAPIでウェブサイトのサムネイル化

先日は、Lightbox JSによるサムネイルの表示について紹介しました。 今回はサムネイルつながりということで、ウェブサイトのイメージのサムネイル作成について紹介します。

ウェブサイトのサムネイルはたくさんのサイトで見かけると思いますが、例えばFeed Meterでは、RSSリンク数のランキングで使われていたりします。
ウェブサイトのサムネイル化はカンタンに作れることが分かりました。

フラッシュ・バックス

右のサムネイルは、トップページ右上でウネウネしているオブジェ(あ～ぁ見えて実は時計だったりします)をお借りしたフラッシュ・バックスさんのウェブイメージです。

全然関係ありませんが、最近ずっとフラッシュ・バックスさんを訪問していたせいか、スター・バックスの名前を忘れちゃって、思い出す単語といったらトラックバックしか出てこなくて、スッキリしない気分だったのですが、今日友人に話したら、こっそり教えてくれました(なんでこっそり!?)。

そんな話はさらぁ～と流して、ウェブサイトのサムネイル化はこちらのSimpleAPIさんでカンタンに作ることができます。

SimpleAPIさんのところから、サムネイル化したいサイトのURLを入力して「サムネイルを作成」ボタンをクリックするだけです。
そうすると、画面下の方にタグが表示されますので、そのタグを各自のブログ(サイト)に貼り付けるだけでウェブサイトのサムネイルを表示することができます。

フラッシュを使っていようがおかまいなしでサムネイル化することができます。
以下のようなURLを各自のブログにリンクするだけです。

  1. http://img.simpleapi.net/small/http://www.google.co.jp/

青い字のURL＋赤い字のサムネイル化したいURLとなっています。 以下は、わたしのブログをサムネイル化したタグです。

  1. <img src="http://img.simpleapi.net/small/http://bizcaz.com/" alt="MovableType備忘録" width="128" height="128" hspace="4" vspace="4" align="left" order="0" />

MovableType備忘録

作ったサムネイルはSimpleAPIさんのところで一定期間保存されるようです。
でも、その後はどうなるか分かりません。

心配な人はイメージを各自でダウンロードして使う方がいいかもしれませんね。 また、1ページあたり3～5枚程度でお願いとのことです。

ちなみに、右に表示しているサムネイルは、わたしのブログのサムネイルです。

このブログも開設して4ヶ月ちょいになりますが、今使っているテンプレートは3代目となっています。
管理人の飽きっぽさがお分かりいただけると思いますが、今後こんな調子でコロコロとテンプレートを変えていくんだろう…と思っているのでテンプレートの殿堂!? テンプレート墓場!? みたいなもの作ろうかなぁ、なんて計画中です♪

では…SEE YOU。

 Trackback Pings(0)

No trackbacks found.

 Comments(7)

#1: Posted by Author Profile Page mituru @ June 13, 2006 [REPLY]
user-pic

こんばんは、管理人さん
この前「SCode プラグイン」の時は、お世話になりました。

今回サムネイル化の記事を参照させて頂きました
ありがとうございました。

 
#2: Posted by bzbell @ June 13, 2006 [REPLY]
user-pic

>>1 mituru さん

こんにちわ^^
いつも訪問していただいてありがとうございます。

わたしの BlogRolling に mituruさんのブログ入ってまぁ～す(ｏ￣∀￣)ノ
先日おもしろそうな記事見つけて利用させてもらいました。

こちらこそありがとうございます。
後日、改めてあいさつに行きますので。。。

 
#3: Posted by てつ @ July 25, 2006 [REPLY]
user-pic

初めまして。
サムネイルサービスで新しいのでたみたいですね。
http://rakugakiman.blog6.fc2.com/blog-entry-1303.html
これは制限は特に書いてないので大丈夫かと思いきや、
えらい遅かったです(T-T)

 
#4: Posted by bzbell @ July 26, 2006 [REPLY]
user-pic

>>3 てつ さん

こんにちわ^^
情報ありがとうございます。

さっそく試してみました…つか、遅過ぎて240pxくらいならいけそう。
それ以上のサイズだと時間がかかり過ぎてタイムアウトしてしまいました
時間帯にもよるんですかね。

でも、忠実なサイトのサイズっぽく見えるのでいいかもです。

 
#5: Posted by たかたか @ July 26, 2006 [REPLY]
user-pic

はじめまして、いつも参考になる記事をありがとうございます。

サムネイルについて教えていただけないでしょうか。
例えばw480px程の画像付の記事をエントリーした時に、
個別記事にはそのままのサイズで埋め込み、カテゴリー・アーカイブページやトップページには
縮小したサイズの画像を表示するといったようなことは可能でしょうか？

ようするにショッピングページで一覧に表示される画像のサイズと詳細ページに表示される画像のサイズを変えているように、
MovableTypeでも同じようなことができるのでしょうか？
さんざん探したのですが、見つけることができませんでした。

どうか、ご教授お願いいたします。

 
#6: Posted by bzbell @ July 26, 2006 [REPLY]
user-pic

>>5 たかたか さん

こんにちわ^^

ご質問の件ですが、エントリページでは元サイズで表示して、カテゴリページなどでは縮小( 例えば、120px )ということですね。それでしたら、縮小表示したいページでは以下のようなタグで可能です。

<img src="http://●●●.com/image/▲▲▲.jpg" width="120" height="120" alt="■■■" border="0" />

上記により指定サイズで表示することができます。

 
#7: Posted by たかたか @ July 27, 2006 [REPLY]
user-pic

>>6 bzbell さん

さっそくのお返事ありがとうございます！
えっ！そうなんですか！そんな簡単なことだったとは・・・、お手数をおかけして申し訳ありませんでした。
これで悩みが解決しました

 

 Post a Comment

 

コメント用フィード