Menu
I am trying to create thumbnail images for several HTML pages, so the user can have an idea of what the HTML looks like before they open the link. I have searched online but haven't found anything useful.
Could anyone here provide some tips? Thanks so much!
I specifically want this to happen on the server side so the client is not required to load the page
963
Create Thumbnails Individually Offline To create the thumbnail, open the image in Paint and then click the "Resize" button at the top of the page. Click the "Pixels" radio button and then enter the horizontal and vertical dimensions for the thumbnail.
Once you are on the desired page, click Capture button. All captured images can be found in Captured Images tab. Now select the thumbnail from this tab and click Save, select the destination where you want to save the thumbnail. That's it.
You might want to check out this url: http://html2canvas.hertzen.com/.
Using this script, you can convert the page into a canvas on the client side.
Then you can use that as your thumbnail.
101
You have to use Open Graph tags in you header tag:
<html> <head> <meta property="og:site_name" content="Your Website Name Here" /> <meta property="og:title" content="Yourtitle goes here, about 90 characters in length." /> <meta property="og:description" content="description of URL that is about 300 characters in length." /> <meta property="og:image" content="YOURIMAGEURL.JPG" /> <meta property="og:type" content="blog" /> <meta property="og:url" content="http://yourURL.com/" /> </head> <body></body> </html> http://api.s-shot.ru/?=(your url)
and
https://s.wordpress.com/mshots/v1/(your url)
I hope those Help!
40
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
