ウェブサイトのサムネイル作成

2007年4月16日

サイトやブログを紹介する際に、そのサイトのサムネイル画像を表示させると、非常に分かりやすくなります。しかし、サイトのトップページをキャプチャしたり、サムネイル化したりする作業って、何気に面倒くさいかもしれません＾＾
そこで、今回は、ウェブサイトのサムネイルを簡単に作成する方法を紹介します。

■ カスタマイズ例

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

まずは、SimpleAPIさんで公開されているウェブサイト・サムネイル化ツール（ウェブサイトサムネイル作成API β版）を使用して作成する方法を紹介します。

サムネイルを作成したいサイトのURLを指定すると、サムネイル画像とコードが自動生成されますので、そのコードをコピーして貼り付けるだけです。非常に簡単ですね。

1. サムネイル化したいサイトのURLを入力する
SimpleAPIさんのウェブサイト・サムネイル化ツールのページで、サムネイル化したいサイトのURLを入力します。

2. HTMLタグを貼り付ける
「サムネイルを生成」ボタンをクリックすると、htmlタグが生成されますので、altやalignなどを適宜編集して、ブログに貼り付ければ完成です。

＜HTML の記述例＞

※サムネイル画像が、すぐに生成されない場合、実際にウェブサイトに貼ってから２時間ほどで表示されるようになります。

ウェブサイトのサムネイル化（IgWebCap）（WebToJpeg）

また、乾坤一擲さんで公開されている IgWebCap（自動更新サムネイル生成サービス）やWebToJpeg（リアルタイムウェブページサムネイラ）を使用すると、幅や高さ、影、待機時間、透明度などの指定もすることができます。

さらに、htmlコードは、iframe型やscript型、img型の3種類が生成されますので、それぞれのメリット・デメリットを考慮して、利用してくださいね。

以上、ウェブサイトのサムネイル画像の作成方法を説明しました。

参考になりましたら、応援お願いします。