An easy tutorial on how to grab a thumbnail image screen shot of any website. This is an easy way for webmasters to grab a screen shot of their own websites to include them in their portfolio pages, clients websites or just storing the images for later use.
We will use Snap Shots cached thumbnails to retrieve a web page screen shot. You can grab a small 270 x 173 pixel image or a large 427 x 274 pixel image of your website here is do it how to:
In your html page just call the image from within the <img> tag like so:
<img src=”http://shots.snap.com/preview/?url=http://www.kmcgraphics.com&size=small” />
or if you want the larger size type:
<img src=”http://shots.snap.com/preview/?url=http://www.kmcgraphics.com&size=large” />
Make it appear in the browser:
Type the above url into you browser address bar to get the image. By default the small 270 x 173 px appears if you want the large version 427 x 274 px just append &size=large to the url like so:
Dont forget to change the url http://www.kmcgraphics.com in my example to the website domain you want to grab.
Give it a go right here:
Type in your domain name and select small or large then submit.
I cannot see my website screen shot why?
The Snap Shots website bot has not yet visited your website, it will not have a cached screenshot of your website therefore you will see this image:
If this happens just leave it there on screen for a minute so that the Snap Shots website has time to visit the url and take a screen shot.
Just refresh your page again after 1 minute and the image should appear, if not try again after few minutes.
Please do not hotlink to the image on the Snap Shots website just wait for it to load in your browser and then select save image as, also by default the image will be named”preview.jpg” change this to your liking. Thats it…..