ウェブページサムネイル画像作成サービス-HeartRails Capture

リンクページを作成した場合に昔は相手先のバナーなどをダウンロードしてリンク先のイメージを分かりやすく表示していましたが、バナーよりもウェブページのサムネイル画像が表示されているとより相手先のイメージがわかりやすくなります。
今回はウェブページのサムネイル画像を簡単に作成出来る方法を紹介したいと思います。

ウェブページサムネイル画像作成サービス-HeartRails Capture

ウェブページのサムネイル画像はHeartRails Captureで簡単に作成することができます。HeartRails Captureに行ったら作成したいサイトのアドレスを入力して「サムネイルを作成ボタン」をクリックするだけでウェブページのサムネイル画像が作成されます。しかもアドレスをつなげるだけでサムネイル画像になりますので画像をダウンロードして使う必要もありません！！

とにかく物凄く便利なサービスです！！

下記のサムネイル画像はHeartRails Captureで作成したYahoo!JAPANのサムネイル画像作成例です。

サムネイル画像のアドレスの内容

下記はyahooのサムネイル画像を表示させるアドレスです。
http://capture.heartrails.com/400×400/cool?http://www.yahoo.co.jp/

400×400が画像のサイズになり、coolと言う部分がサムネイル画像の表示スタイルになります。coolの部分を変えれば表示スタイルも変わります。スタイルの名前は下記のような感じになっています。

shadow＝影をつける
border＝縁をつける
round＝角を丸める
shadow/border＝影と縁をつける
shadow/round＝角を丸めて影をつける
border/round＝角を丸めて縁をつける
cool＝すべてのスタイル（角を丸めて縁をつけ影をつける）

最後にhttp://www.yahoo.co.jp/がyahooのアドレスになります。

例えば当サイトのサムネイル画像を200×200サイズで表示スタイルをshadow/border＝影と縁をつけるで表示させる場合は下記のようなタグになります。

<img src="http://capture.heartrails.com/200x200/shadow/border?http://detarame.moo.jp/" alt="http://detarame.moo.jp/" title="簡単ホームページ作成支援-Detaramehp" width="200" height="200" />