How to generate a thumbnail of any website using javascript or jquery?

I couldn't find any right match for my requirements.

  <div id="generate_thumbnail" onclick ="generate();">
  //Show thumbnail within this div
  </div> 

  <Script>
   function generate()
   {
        // generate small thumbnail
   }

How to generate a thumbnail of any website using javascript or jquery?

I couldn't find any right match for my requirements.

  <div id="generate_thumbnail" onclick ="generate();">
  //Show thumbnail within this div
  </div> 

  <Script>
   function generate()
   {
        // generate small thumbnail
   }

• javascript
• jquery
• html
• css
• jquery-selectors

• Why does your generate() doesn't take any URL as argument? Do you mean to thumbnail the own website where the script is running? – Cœur Commented Mar 15, 2018 at 13:02

5 Answers 5

A thumbnail of a website? Such as a miniature browser-screenshot? Sorry, this can't be done without of some sort of external browser-screenshot service:

http://www.zubrag./articles/create-website-snapshot-thumbnail.php

Try some thumbnail generation services with API.

http://www.webresourcesdepot./10-free-website-thumbnail-generation-services/

I'm sorry, but this is not quite doable with JavaScript.

At best you could change the to an and try to impose some external CSS to give it a zoom level to shrink down the content. But otherwise there's no way for Javascript to render a page, convert it to an image, and stuff it into another page.

Try using the qTip JQuery plugin.