リンク先サイトのサムネイル画像を自動生成する

CMS Designerを「こんな風に使ってます」等の活用事例や、自分なりのTIPS等のご報告をお待ちしています。
返信
webmaster
Site Admin
記事: 1447
登録日時: 2004年12月10日(金) 10:09

リンク先サイトのサムネイル画像を自動生成する

投稿記事 by webmaster » 2006年9月01日(金) 16:50

指定したURLのページのキャプチャ画像を取得し自動的にサムネイルを生成してくれるサービス「SimpleAPI」を使ってみました。
http://img.simpleapi.net/

弊社のCMS Designer取扱業者様一覧にて利用しています。
http://cms.al-design.jp/partners.php
(現時点ではまだサムネイルが生成されていないサイトが多いですが…)

SimpleAPIの使用方法は非常に簡単で、画像URLとして
を使えばいいだけです。

CMSDでは、スキーマに例えばurlというURL入力欄を作った場合には、

コード: 全て選択

<img src="http://img.simpleapi.net/small/{url}" alt="{url}のサムネイル" width="128" height="128" />
のようにデザイン定義に記述するだけです。
皆様もお試し下さい。
最後に編集したユーザー webmaster on 2006年9月02日(土) 23:35 [ 編集 1 回目 ]

webmaster
Site Admin
記事: 1447
登録日時: 2004年12月10日(金) 10:09

Re: リンク先サイトのサムネイル画像を自動生成する

投稿記事 by webmaster » 2006年9月02日(土) 23:16

続報です。

SimpleAPIの自動サイトサムネイル作成機能は非常に便利なのですが、どうやら
アクセスが集中しているようでうまくサムネイルを生成してくれません。

そこで、同様のサービスが海外にないか調べてみたところ、以下のサービスを
見つけました。

artViper designstudio
http://www.artviper.com/tools.php

(※このサイトのサービスは弊社とは無関係です。このサービスを利用して起きた
いかなる損害についても弊社では責任を負いかねます。各自の責任と判断で
ご利用下さい。m(__)m)

http://cms.al-design.jp/partners.php
は、このサービスを使うように変更してあります。

現在の所、初回表示のみサムネイルが生成されていない為遅いようですが、
2回目以降は比較的高速に表示されています。
また、Now Printing になる事も今のところほとんどありません。

このサイトが提供するサービスも、SimpleAPIとほとんど同様です。
画像のURLが、

http://www.artviper.net/screenshots/scr ... =128&w=128

のようになります。

urlに対象のURLを指定。
qは画像のクオリティで、30〜100を指定。
hとwは出力される画像のサイズです。ここではSimpleAPIに合わせて128x128に
しています。

デザイン定義側では例えば次のようにします。

<img src="http://www.artviper.net/screenshots/scr ... =128&w=128" alt="{url}のサムネイル" width="128" height="128" style="border:1px solid black;" />

この例では、そのままだとborderなども何も付かないシンプルな画像のままなので、SimpleAPI
っぽく、黒い外枠をCSSで表示させています。
最後に編集したユーザー webmaster on 2006年9月02日(土) 23:43 [ 編集 1 回目 ]

webmaster
Site Admin
記事: 1447
登録日時: 2004年12月10日(金) 10:09

Re: リンク先サイトのサムネイル画像を自動生成する

投稿記事 by webmaster » 2006年9月02日(土) 23:37

サイトサムネイル画像の自動生成サービスは他にもいろいろあるようですね。

WebToJpeg
http://x-row.cc/webtojpeg/index.php

将来に渡って表示速度が安定するかどうかがカギかもしれませんね。

CMS Designerから使う場合は、デザイン定義側を修正すれば使うサービスを
後から変更できるので、ある程度安心です。

返信