WebSite Thumbnail Uses and Examples

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("http://web.archive.org/web"); __wm.wombat("http://www.shrinktheweb.com:80/website-thumbnail-uses.htm","20100306035442","http://web.archive.org/","web","/_static/", "1267847682"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <title>WebSite Thumbnail Uses and Examples</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="DESCRIPTION" content="Check out some of the creative ways that webmasters are enhancing their projects with website previews!"/> <meta name="KEYWORDS" content="free,website,thumbnail,generator,service,provider"/> <meta name="ROBOTS" content="index,follow"/> <meta name="verify-v1" content="QsYbk2EkUblYfPsq0SgONRFirbLKdXinOladoVId/5A="/> <link type="image/vnd.microsoft.icon" rel="shortcut icon" href="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/favicon.ico"/> <link rel="SHORTCUT ICON" type="image/x-icon" href="/web/20100306035442im_/http://www.shrinktheweb.com/favicon.ico"/> <link href="http://web.archive.org/web/20100306035442cs_/http://www.shrinktheweb.com/styles-stretch.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="http://web.archive.org/web/20100306035442js_/http://www.shrinktheweb.com/mouseout.js"></script> <style type="text/css">  </style> </head> <body onload="init();"> <div id="centercontent"> <div id="wrapper"> <div class="center"> <div> <div style="margin:0;padding:0;height:41px;color:#ffffff;background:url(http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stretch/stw_v2-0-1-in_sliced_03.jpg) top left no-repeat;"> <div style="float:left;font-size:0.9em;padding:10px 0 0 26px;"> <em><strong>ShrinkTheWeb is the most powerful, FREE website thumbnail provider</strong></em> </div> <div style="padding-left:828px;"><a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/index.php?view=contact" rel="nofollow"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stretch/stw_v2-0-1-in_sliced_04.jpg" border="0" alt="Help" width="108" height="41"/></a></div> </div> <div id="login"> <a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stretch/stw_v2-0-1-in_sliced_06.jpg" alt="Shrink The Web Homepage" title="Shrink The Web Homepage" width="118" height="28" border="0"></a><a href="http://web.archive.org/web/20100306035442/http://community.shrinktheweb.com/" target="_blank" class="nopopup"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stw_v2-0-1_sliced_09.jpg" alt="STW Community" title="STW Developers Community" width="134" height="28" border="0"/></a><a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/shrinktheweb-plugins.htm"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stw_v2-0-1_sliced_10.jpg" alt="STW Website Thumbnail Plugins" title="STW Website Thumbnail Plugins" width="98" height="28" border="0"/></a><a href="http://web.archive.org/web/20100306035442/http://community.shrinktheweb.com/Frequently-Asked-Questions" class="nopopup"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stw_v2-0-1_sliced_11.jpg" alt="STW Frequently Asked Questions" title="STW Frequently Asked Questions" width="77" height="28" border="0"/></a><a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/index.php?view=join" rel="nofollow"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stw_v2-0-1_sliced_12.jpg" alt="Join ShrinkTheWeb FREE!" title="Join ShrinkTheWeb FREE!" width="118" height="28" border="0"/></a><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stretch/stw_v2-0-1-in_sliced_11.jpg" alt="" width="346" height="27" border="0"/><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stretch/stw_v2-0-1-in_sliced_12.jpg" alt="" width="45" height="28" border="0"/> </div> <div style="clear:both;margin:0;padding:0;width:936px;height:48px;background-image:url(http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stretch/stw_v2-0-1-in_sliced_13.jpg);background-repeat:no-repeat;"></div> <div style="margin:0;padding:0 55px 0 55px;width:936px;height:100%;background-image:url(http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stretch/stw_v2-0-1-in_sliced_14.gif);background-repeat:repeat-y;"> <p style="margin:0;"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/spacer.gif" width="1" height="1" alt=""/></p> <div id="content"> <h1>Common Website Thumbnail Uses</h1> <p>Below you will find several examples of popular uses of thumbnails. We've even highlighted a few, unique or creative uses as well. The possibilities are endless and these website previews really bring a site to life by making links more visual and graphical (i.e. not a standard banner that gets ignored).</p> <p> </p> <div align="center"> <p align="center"><img src="/web/20100306035442im_/http://www.shrinktheweb.com/images/uses-example-dir_v1.jpg" alt="Directory Example" width="300" height="297" hspace="10"/><img src="/web/20100306035442im_/http://www.shrinktheweb.com/images/uses-example-search_v1.jpg" alt="Search Example" width="300" height="297" hspace="10"/></p> <p align="center" style="font-size:9px;"> </p> <p align="center" style="font-size:9px;">*We offer a <a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/shrinktheweb-plugins.htm">mouseover link preview bubble plugin</a> · (<a href="http://web.archive.org/web/20100306035442/http://learn.shrinktheweb.com/" target="_blank" class="stwpopup">example</a>), but it is not on by default. Our thumbnails are embedded, allowing for your creativity. </p> <p align="left"> </p> <p align="center"><a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/index.php?view=join" rel="nofollow"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/join.gif" border="0" alt="Join Today"/></a></p> <p align="center"> </p> <p align="left"><strong>1. What are website previews good for and why should I use them?</strong> </p> <p align="left">Research and studies of user behavior show that the use of site thumbnails improve searches, increases repeat visits, and increases click through rates. It is a proven fact that users are more likely to click on search results that display thumbnail images. </p> <p align="left"> </p> <p align="center"><em>Like they say, <strong>"A picture is worth a thousand words" </strong></em></p> <p align="left"><strong>Case in point: </strong></p> <blockquote> <p align="left">Did the example images (shown above) help convey the idea? Imagine if we didn't show you any examples or samples. What if we simply TOLD you what they were? Would you understand immediately without any effort? That's how your website visitors feel. If you help them understand where you want them to click to, they are more likely to do it. Many people don't bother to read much at all and those potential buyers are lost without vivid imagery! </p> </blockquote> <p align="left"><em><strong>The result: </strong> </em> </p> <ul> <li> <div align="left">Increased revenues from search and directory pages.</div> </li> <li> <div align="left">Increased conversions and revenue on affiliate sales. </div> </li> <li> <div align="left">An enhanced user experience.</div> </li> <li> <div align="left">Increase in repeat traffic and visitors </div> </li> </ul> <p><span style="font-size:12px;padding-top:8px;">Discover how STW Previews Enhance the Web Surfing Experience: <a href="http://web.archive.org/web/20100306035442/http://learn.shrinktheweb.com/" target="_blank" style="font-size:12px">Learn about Website Thumbshots </a></span></p> <p> </p> <p><a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/index.php?view=join" rel="nofollow"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/join.gif" border="0" alt="Join Today"/></a></p> <p align="left"><strong>2. How does it work?</strong> </p> <p align="left">ShrinkTheWeb's Thumbnail Service is quick and easy to implement and we do all the hard work.</p> <p align="left">In the past, showing a snapshot of a website required you to:</p> <ul> <li> <div align="left">Open a browser and visit the website </div> </li> <li> <div align="left">Press [PrtScrn] to capture the page snapshot to a file </div> </li> <li> <div align="left">Open the file in a graphics program such as Photoshop (several hundred dollars)</div> </li> <li> <div align="left">Crop the file to the correct dimensions and re-size to your liking</div> </li> <li> <div align="left">Upload the file to your server and</div> </li> <li> <div align="left"> Link the image in your page(s)</div> </li> </ul> <p align="left">Now, you could just sign up for our service (free for 99% of users!) and:</p> <div align="left"> <ul> <li>Copy/paste a single line of code into your web page(s)</li> </ul> </div> <p align="left">Which do you prefer? ;) </p> <p align="left">Now, imagine if you have a directory and want to show hundreds or thousands of site previews! There's no way you could easily do it yourself and keep it up to date. Now, we'll do the hard work for you and deliver beautiful images for your visitors.</p> <p align="left">To open a ShrinkTheWeb account and start using thumbnail images on your site - <a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/index.php?view=join">Click here</a> </p> <p align="left"> </p> <p align="center"><a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/index.php?view=join" rel="nofollow"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/join.gif" border="0" alt="Join Today"/></a></p> <p align="left"><strong>3. How much does it cost?</strong> </p> <p align="left">The ShrinkTheWeb Thumbnail Service is free for a majority (99%) of webmasters and designers to use. We find that a good many designers prefer to upgrade to PRO to enhance their designs even more with full-length thumbnails, custom sizes, specific page captures, et cetera.</p> <p align="left">However, the typical webmaster with no special requirements can use our service without <em><strong>ever</strong></em> needing to upgrade. This is because the average webmaster is not a "company" and our goal is to make it free in that case. Our <em><strong>ultra-high allowances </strong></em> (250,000 requests per month) are designed only for corporations and power users who are earning enough off of their use of our thumbnails to justify paying to use our bandwidth, servers, and proprietary technology --all of which are quite expensive for us to maintain. </p> <p align="left"> </p> <p align="left">Here are a few examples of websites actively using STW Thumbnails: </p> <table width="725" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="140" valign="top" scope="row"><a href="http://web.archive.org/web/20100306035442/http://www.neobus.com/" target="_blank"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/xino.php?embed=1&stwu=adb83&Size=sm&stwUrl=www.neobus.com" alt="Neobus Directory" border="0" style="border:1px solid #999999;"/></a></th> <td width="585" valign="top"><p align="left"><strong>Web Directories </strong> (Ex: <a href="http://web.archive.org/web/20100306035442/http://www.neobus.com/" target="_blank">Neobus Directory</a>) - </p> <p> Enhance the visual appeal and brand recognition of websites listed in your directory. Thumbnails of attractive sites are more likely to get clicks! </p></td> </tr> <tr> <th valign="top" scope="row"> </th> <td valign="top"> </td> </tr> <tr> <th valign="top" scope="row"><a href="http://web.archive.org/web/20100306035442/http://www.neobus.net/" target="_blank"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/xino.php?embed=1&stwu=adb83&Size=sm&stwUrl=www.neobus.net" alt="Neobus Search" border="0" style="border:1px solid #999999;"/></a></th> <td valign="top"><p><strong>Search Engines</strong> (Ex: <a href="http://web.archive.org/web/20100306035442/http://www.neobus.net/" target="_blank">Neobus Search</a>) - </p> <p> Enhance visual appeal and brand recognition. Nobody likes looking at a bunch of words on a screen. Website previews makes users feel more comfortable. </p></td> </tr> <tr> <th valign="top" scope="row"> </th> <td valign="top"> </td> </tr> <tr> <th valign="top" scope="row"><a href="http://web.archive.org/web/20100306035442/http://www.imagion.com/web_design_portfolio_extended.htm" target="_blank"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/imagioncom_web-design.jpg" alt="Imagion.com Web Design Portfolio Page" border="0" style="border:1px solid #999999;"/></a></th> <td valign="top"><p><strong>Web Designers</strong> (Ex: <a href="http://web.archive.org/web/20100306035442/http://www.imagion.com/web_design_portfolio_extended.htm" target="_blank">Imagion Portfolio</a>) -</p> <p> Really show off your web design skills by showing a screenshot of live projects or even upcoming projects (i.e. <em>www.yoursite.com/dev/abccorp.htm</em> - PRO feature*) </p></td> </tr> </table> <blockquote> <p align="left" class="small">*Specific page previews only available to PRO members. Membership is very cost-effective! </p> </blockquote> </div> <p align="center"> </p> <p><strong>Warning:</strong> Most providers that "say" they are free are just waiting to pull the "bait-and-switch." We know from experience. However, our members know that since we first offered our very high limit free service, we aimed to keep that service at no cost to 95% of users. Only those who really need very high usage or dedicated services will ever have to pay. Don't waste time elsewhere.</p> <p>Remember: Free isn't Free when it costs you valuable time!</p> <p align="center"> </p> <p align="center"><a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/website-thumbnail-uses-pro-features.htm">Check out some of the uses of our custom PRO features</a></p> <p> </p> <p align="center"><a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/index.php?view=join" rel="nofollow"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/join.gif" border="0" alt="Join Today"/></a></p> <p align="center" style="margin:0;"> </p> </div> </div> <div style="margin:0;padding:0;width:936px;height:150px;background-image:url(http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stretch/stw_v2-0-1-in_sliced_16.jpg);background-repeat:no-repeat;"> <div align="center" style="padding:25px 0 35px 015px;"> <p><a href="http://web.archive.org/web/20100306035442/http://www.stumbleupon.com/submit?url=http://www.shrinktheweb.com&title=Nifty Website Preview Service" rel="nofollow" target="_blank"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/stumbleupon.gif" alt="Stumble It!" width="18" height="18" border="0" style="border: solid 1px #999999;padding: 1px; margin: 1px;"/></a>   <a href="http://web.archive.org/web/20100306035442/http://del.icio.us/post?url=http://www.shrinktheweb.com&title=Nifty Website Preview Service" rel="nofollow" target="_blank"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/delicious.gif" alt="Add to Del.icio.us" width="18" height="18" border="0" style="border: solid 1px #999999;padding: 1px; margin: 1px;"/></a>   <a href="http://web.archive.org/web/20100306035442/http://www.google.com/bookmarks/mark?op=add&bkmk=http://www.shrinktheweb.com/&title=Free%20Website%20Thumbnail%20Generator" rel="nofollow" target="_blank"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/google.gif" alt="Add to Google Bookmarks" width="18" height="18" border="0" style="border: solid 1px #999999;padding: 1px; margin: 1px;"/></a>   <a href="http://web.archive.org/web/20100306035442/http://www.facebook.com/share.php?u=http://www.shrinktheweb.com/&t=Nifty%20Website%20Previews" rel="nofollow" target="_blank"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/facebook.gif" alt="Add to Facebook" width="18" height="18" border="0" style="border: solid 1px #999999;padding: 1px; margin: 1px;"/></a>   <a href="http://web.archive.org/web/20100306035442/http://twitter.com/home/?status=Website%20Thumbnails%20by%20ShrinkTheWeb+http%3A%2F%2Fwww.shrinktheweb.com%2F" rel="nofollow" target="_blank"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/twitter.gif" alt="Tweet or ReTweet ShrinkTheWeb" width="18" height="18" border="0" style="border: solid 1px #999999;padding: 1px; margin: 1px;"/></a>   <a href="http://web.archive.org/web/20100306035442/http://www.technorati.com/faves?add=http://www.shrinktheweb.com/" rel="nofollow" target="_blank"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/technorati.gif" alt="Technorati" width="18" height="18" border="0" style="border: solid 1px #999999;padding: 1px; margin: 1px;"/></a>   <a href="http://web.archive.org/web/20100306035442/http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http%3A//www.shrinktheweb.com/&t=Nifty+Website+Preview+Service" rel="nofollow" target="_blank"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/yahoo.gif" alt="Yahoo Bookmarks" width="18" height="18" border="0" style="border: solid 1px #999999;padding: 1px; margin: 1px;"/></a></p> <p style="padding:0;margin:38px auto 0 auto;font-size:0.75em;color:#ffffff;"> ShrinkTheWeb<sup>®</sup> (<a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/about-stw.htm" style="color:#ffff00;">About STW</a>) is another innovation by <a href="http://web.archive.org/web/20100306035442/http://www.neosys.net/tech-dev.htm" style="color:#ffff00;">Neosys Consulting</a> | Patent Pending: Soon</p> <p style="margin:12px auto 0 auto;font-size:0.75em;color:#ffffff;"> Translations: <a href="#"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/us.gif" width="16" height="11" alt="English" border="0" align="top"/></a> · <a href="http://web.archive.org/web/20100306035442/http://babelfish.altavista.com/babelfish/tr?doit=done&url=http://www.shrinktheweb.com/&lp=en_de" rel="nofollow" class="nopopup"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/de.gif" width="16" height="11" alt="German" border="0" align="top"/></a> · <a href="http://web.archive.org/web/20100306035442/http://babelfish.altavista.com/babelfish/tr?doit=done&url=http://www.shrinktheweb.com/&lp=en_fr" rel="nofollow" class="nopopup"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/fr.gif" width="16" height="11" alt="French" border="0" align="top"/></a> · <a href="http://web.archive.org/web/20100306035442/http://babelfish.altavista.com/babelfish/tr?doit=done&url=http://www.shrinktheweb.com/&lp=en_zh" rel="nofollow" class="nopopup"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/cn.gif" width="16" height="11" alt="Chinese" border="0" align="top"/></a> · <a href="http://web.archive.org/web/20100306035442/http://babelfish.altavista.com/babelfish/tr?doit=done&url=http://www.shrinktheweb.com/&lp=en_ja" rel="nofollow" class="nopopup"><img src="http://web.archive.org/web/20100306035442im_/http://www.shrinktheweb.com/images/jp.gif" width="16" height="11" alt="Japanese" border="0" align="top"/></a></p> <p style="margin:12px auto 0 auto;font-size:0.75em;color:#ffffff;"> <a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/index.php?view=contact" style="color:#ffff00;" rel="nofollow">Contact Us</a> | <a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/advertise/" target="_blank" style="color:#ffff00;">Advertise Directory</a> | <a href="http://web.archive.org/web/20100306035442/http://www.shrinktheweb.com/privacy.htm" style="color:#ffff00;" rel="nofollow">Privacy Policy</a> | <a href="http://web.archive.org/web/20100306035442/http://community.shrinktheweb.com/Terms-of-Service" style="color:#ffff00;" rel="nofollow">Terms of Use</a></p> </div> </div> <p><script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "http://web.archive.org/web/20100306035442/https://ssl." : "http://web.archive.org/web/20100306035442/http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-3447579-13"); pageTracker._initData(); pageTracker._trackPageview(); </script></p> <div style="visibility:hidden"> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-3447579-13"); pageTracker._initData(); pageTracker._trackPageview(); </script> </div></div> </div> </div> </div> <script type="text/javascript" src="http://web.archive.org/web/20100306035442js_/http://www.shrinktheweb.com/plugins/stwpopup/wppopup.php?stwu=adb83&stwdc=1&inside=1&stwsize=xlg"></script> </body> </html>

CINXE.COM

WebSite Thumbnail Uses and Examples