<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>delab &#187; thumbnail</title>
	<atom:link href="http://de-lab.com/tag/thumbnail/feed/" rel="self" type="application/rss+xml" />
	<link>http://de-lab.com</link>
	<description>xhtml CSS SEO CMS PHP など Webデザイン WEBサイト構築の話題</description>
	<lastBuildDate>Wed, 05 Oct 2011 23:41:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>サムネイルAPIサービスを今更比較してみる</title>
		<link>http://de-lab.com/clip/thumbnail_capture/</link>
		<comments>http://de-lab.com/clip/thumbnail_capture/#comments</comments>
		<pubDate>Thu, 05 Jul 2007 03:58:54 +0000</pubDate>
		<dc:creator>sato</dc:creator>
				<category><![CDATA[Clip]]></category>
		<category><![CDATA[capture]]></category>
		<category><![CDATA[thumbnail]]></category>
		<category><![CDATA[WebService]]></category>

		<guid isPermaLink="false">http://de-lab.com/web/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%abapi%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%82%92%e4%bb%8a%e6%9b%b4%e6%af%94%e8%bc%83%e3%81%97%e3%81%a6%e3%81%bf%e3%82%8b/</guid>
		<description><![CDATA[サイトのキャプチャ画像を自動的に作ってくれるサムネイルAPIサービスはとても便利です。 代表的なSimpleAPIが出てから1年以上経ち、同系のサービスを提供するサイトも結構あるので、使い分けのメモ代りに今更サービス内容 [...]]]></description>
			<content:encoded><![CDATA[<p>サイトのキャプチャ画像を自動的に作ってくれるサムネイルAPIサービスはとても便利です。</p>
<p>代表的なSimpleAPIが出てから1年以上経ち、同系のサービスを提供するサイトも結構あるので、使い分けのメモ代りに今更サービス内容を比較してみました。</p>
<p><span id="more-26"></span></p>
<h3 id="toc-simpleapi-"><a href="http://img.simpleapi.net/" title="SimpleAPI - ウェブサイト・サムネイル化ツール" target="_blank" class="liexternal">SimpleAPI &#8211; ウェブサイト・サムネイル化ツール</a></h3>
<p class="right"><a href="http://de-lab.com/" class="liimagelink"><img id="txtu-clip-26-0" class="txtu-clip" src="http://img.simpleapi.net/small/http://de-lab.com/" alt=""   hspace="4" vspace="4"  border="0"></a></p>
<p>たぶん1番利用者が多いのではないかと思います。</p>
<p>人気の理由はその利用の簡単さ。</p>
<ol>
<li><strong>http://img.simpleapi.net/small/http://サイトのURL</strong>で画像が出来る。非常に簡単で組み込みやすい。</li>
<li>画像を貼ってから表示までに2時間かそれ以上かかる。でも、一度表示されると、一定期間静的化され、高速に読み込めるようになる。</li>
</ol>
<h4 id="toc-simpleapi">SimpleAPIで自動生成されるタグ</h4>
<p class="code">コードサンプル</p>
<pre name="code" class="html">http://img.simpleapi.net/small/http://www.yahoo.co.jp/</pre>
<p class="code">コードサンプル &#8211; 詳細設定</p>
<pre name="code" class="html">&lt;a href="http://www.yahoo.co.jp/"&gt;&lt;img src="http://img.simpleapi.net/small/http://www.yahoo.co.jp/" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0"&gt;&lt;/a&gt;</pre>
<h3 id="toc-api"><a href="http://thumbs.bookmacro.com/sample/" title="サムネイルAPI" target="_blank" class="liexternal">サムネイルAPI</a></h3>
<p class="right"><a href="http://thumbs.bookmacro.com/rd?url=http://de-lab.com/" target="_blank" class="liimagelink"><img id="txtu-clip-26-1" class="txtu-clip" src="http://thumbs.bookmacro.com/u/http://de-lab.com/" border=0 ></a></p>
<p>Simple APIと同じようなサービスです。</p>
<ol>
<li><strong>http://thumbs.bookmacro.com/u/http://サイトURL</strong> で画像が出来る。</li>
<li>画像を貼ってから表示までに時間がかかるのもSimpleAPIと同じ</li>
<li>枠付き・グレー・画像の大きさで、少しカスタマイズ出来る。</li>
</ol>
<h4 id="toc-apiimg">サムネイルAPIで自動生成されるタグ(img)</h4>
<p class="code">コードサンプル</p>
<pre name="code" class="html">http://thumbs.bookmacro.com/u/http://サイトURL</pre>
<p class="code">コードサンプル &#8211; 詳細設定</p>
<pre name="code" class="html">&lt;a href="http://thumbs.bookmacro.com/rd?url=http://de-lab.com/"&gt;&lt;img src="http://thumbs.bookmacro.com/u/http://de-lab.com/" border=0 &gt;&lt;/a&gt;</pre>
<h3 id="toc-mozshot"><a href="http://mozshot.nemui.org/" title="Mozshot" target="_blank" class="liexternal">Mozshot</a></h3>
<p class="right"><a href="http://de-lab.com/" class="liimagelink"><img alt=""    src="http://mozshot.nemui.org/shot?http://de-lab.com/"></a></p>
<p>高機能・高速なSimple APIといった感じです。</p>
<p>見た目もきれいで、簡単なのに高機能でおススメです。</p>
<p>APIの完全ソースが公開されています。お勉強にもいいかもしれません。</p>
<ol>
<li><strong>http://mozshot.nemui.org/shot?http://サイトURL</strong> で画像が出来る。</li>
<li>オプションで、画像サイズ・ウィンドウサイズ・ドロップシャドウなどが、自由に設定できる！	</li>
<li>標準オプションなしでもきれいなシャドウ。</li>
<li>レンダリングエンジンに、IEでなくGeckoを使用</li>
</ol>
<h4 id="toc-mozshot1"> MozShotで自動生成されるタグ</h4>
<p class="code">コードサンプル</p>
<pre name="code" class="html">http://mozshot.nemui.org/shot?http://de-lab.com/</pre>
<p class="code">コードサンプル &#8211; 詳細設定</p>
<pre name="code" class="html">&lt;a href="http://de-lab.com/"&gt;
&lt;img alt="" width="128" height="128" border="0" src="http://mozshot.nemui.org/shot?http://de-lab.com/"&gt;
&lt;/a&gt;</pre>
<h3 id="toc-heartrails-capture-urlpdf"><a href="http://capture.heartrails.com/" title="HeartRails Capture | サイトのURLから画像/PDFを生成" target="_blank" class="liexternal">HeartRails Capture | サイトのURLから画像/PDFを生成</a></h3>
<p class="right"><a href="http://de-lab.com/" class="liimagelink"><img id="txtu-clip-26-3" class="txtu-clip" title="delab : xhtml/CSS Web design and Web standards  " src="http://capture.heartrails.com/medium?http://de-lab.com/" alt="http://de-lab.com/"  /></a></p>
<p>PDFも作れます。AJAXを使用した使いやすいUIで、サムネイルした画像が、いくつも同じ画面に並べられて便利。画像の大きさも+ボタンで大きくできます。</p>
<ol>
<li><strong>http://capture.heartrails.com/medium?サイトURL</strong> で画像が出来る。</li>
<li>画像サイズを何段階か切り替えられる。</li>
<li>自動生成されるタグはXHTMLを意識していてそのまま使える</li>
<li>レンダリングエンジンに、IEでなくGeckoを使用</li>
</ol>
<h4 id="toc-heartrails-capture"> HeartRails Captureで自動生成されるタグ</h4>
<p class="code">コードサンプル</p>
<pre name="code" class="html">http://capture.heartrails.com/tiny?http://de-lab.com/</pre>
<p class="code">コードサンプル &#8211; 詳細設定</p>
<pre name="code" class="html">&lt;a href="http://de-lab.com/"&gt;&lt;img title="delab : xhtml/CSS Web design and Web standards  " src="http://capture.heartrails.com/tiny?http://de-lab.com/" alt="http://de-lab.com/" width="60" height="45"/&gt;&lt;/a&gt;</pre>
<h3 id="toc-igwebcap-"><a href="http://x-row.cc/igwebcap/" title="IgWebCap - [ 自動更新サムネイル生成サービス ]" target="_blank" class="liexternal">IgWebCap &#8211; [ 自動更新サムネイル生成サービス ]</a></h3>
<p class="right"><a href="http://x-row.cc/igwebcap/link.php?wait=0&#038;url=http://de-lab.com/" target="_blank" class="liimagelink"><img id="txtu-clip-26-4" class="txtu-clip" src="http://x-row.cc/igwebcap/jpeg.php?wait=0&#038;width=240&#038;height=160&#038;url=http://de-lab.com/" style="width:240px;height:160px;padding:0;margin:0;border-width:1px;border-color:#d0d0d0 #b8b8b8 #b8b8b8 #d0d0d0;" alt="Powered by IgWebCap" title="delab : xhtml/CSS Web design and Web standards" /></a></p>
<p>右は生成画像のサンプルです。</p>
<ol>
<li>類似サービスと比べて、画像の大きさの選択肢が多く、自由度が高い。</li>
<li>画像描画速度が速く、ストレスを感じない。</li>
<li>自動生成されるタグはIMGタグ以外に、iframeとJavaScriptがあり、特にJavaScriptは、ブログやWebプログラムなんかと連結させる時も使えそう。</li>
<li>自動生成されるタグにいらないスタイル指定などが入っているので、手動で使用するときは、いちいちタグを書き換えないといけないかも</li>
</ol>
<h4 id="toc-igwebcapimg">IgWebCapで自動生成されるタグ(img)</h4>
<p class="code">コードサンプル</p>
<pre name="code" class="html">http://x-row.cc/igwebcap/jpeg.php?wait=0&#038;width=320&#038;height=240&#038;url=http://de-lab.com/</pre>
<p class="code">コードサンプル &#8211; 詳細設定</p>
<pre name="code" class="html">&lt;a href="http://x-row.cc/igwebcap/link.php?wait=0&#038;url=http://de-lab.com/" target="_blank"&gt;&lt;img src="http://x-row.cc/igwebcap/jpeg.php?wait=0&#038;width=320&#038;height=240&#038;url=http://de-lab.com/" style="width:320px;height:240px;padding:0;margin:0;border-width:1px;border-color:#d0d0d0 #b8b8b8 #b8b8b8 #d0d0d0;" alt="Powered by IgWebCap" title="delab : xhtml+CSS Web design and Web standards" /&gt;&lt;/a&gt;</pre>
<h4 id="toc-igwebcapscript">IgWebCapで自動生成されるタグ(Script)</h4>
<p class="code">コードサンプル</p>
<pre name="code" class="html">&lt;script type="text/javascript" charset="Shift-JIS" src="http://x-row.cc/igwebcap/api.php?wait=0&#038;width=320&#038;height=240&#038;url=http://de-lab.com/"&gt;&lt;/script&gt;</pre>
<p>この手のサービスは利用者が増えるほどサーバーの負荷もすごいと思うんだけど、広告的なモノが表示されるわけでもなく、メンバー登録するわけでもない。</p>
<p>どうやって運営しているんだろう・・・。</p>
<img src="http://de-lab.com/?ak_action=api_record_view&id=26&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://de-lab.com/clip/thumbnail_capture/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

