C помощью библиотечки CURL (Php, не javascript) отправляешь свой сайт на специальный ресурс, который возвращает тебе в ответ скрин твоего сайта. Муторно, ресурсоемко, но красиво. Наверное.
<?php
// инициализация сеанса
$ch = curl_init();
// установка URL и других необходимых параметров
curl_setopt($ch, CURLOPT_URL, "http://www.browsrcamp.com/app/screenshots");
curl_setopt($ch, CURLOPT_HEADER, true);
curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
# POST /forum/..
curl_setopt ($ch, CURLOPT_USERAGENT, "Mozilla/5.0 ()");
# User-Agent
$headers = array
(
'Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*;q=0.8',
'Accept-Language: ru,en-us;q=0.7,en;q=0.3',
'Accept-Encoding: deflate',
'Accept-Charset: windows-1251,utf-8;q=0.7,*;q=0.7'
);
curl_setopt($ch, CURLOPT_HTTPHEADER,$headers);
# добавляем заголовков к нашему запросу.
curl_setopt($ch, CURLOPT_POSTFIELDS, 'action=/app/screenshots&_method=POST&data[Screenshot][url]=http://твой_сайт');
// загрузка страницы и выдача её браузеру
$page=curl_exec($ch);
// завершение сеанса и освобождение ресурсов
curl_close($ch);
$url=substr($page, strripos(substr($page, 0, stripos($page, 'thumb')), 'http'),
stripos($page, 'thumb')-strripos(substr($page, 0, stripos($page, 'thumb')), 'http')+9);
echo "<img width=100px src=".$url.">";
?>
Как видно, скрипт возвращает тег <img width=100px src=".$url."> с уже готовой картинкой.
В нужном месте вставляешь скрин твоего сайта с нужным разрешением на сайте. Можно также подключить библиотеку GD, которая будет делать тебе красивый ресайз превью, поскольку, как известно, в IE ресайз осуществляется через задницу и поэтому расплывчато.