How to Create Snapshots using has his unique app to create dynamic screenshots of websites.

It's based on python and you can use it in your projects.

How does it work?

Create an image with the following source:
Code language: JavaScript (javascript)

You need to specify the desired URL and image width.

Please notice the app needs some time to generate the snapshot if it's not generated already.

The first time you retrieve an URL you will see a loading gif like this:


Important: the URL must be encoded using PHP's function urlencode:

<img src="//<?=urlencode('')?>?w=400" />
Code language: HTML, XML (xml)

The full source with the encoded URL looks like this:
Code language: JavaScript (javascript)


If you're using this app, be nice, link to 😉

About Ricard Torres

Senior Front-end Software Engineer at Netcentric, from Barcelona, Haidong Gumdo Instructor (korean martial art of the sword), street photographer, travel lover, TV addict, Boston Red Sox fan, and privacy advocate.

@ricard_dev @ricard_dev

📝 Blog 🎙 Podcast

Leave a Reply

Add <code> Some Code </code> if you need to.